ном тэге присутствует слэш, который сообщает обозревателю о завершении.
Но! Существует одно исключение из этого правила пар:
В природе не существует тэга .
Не все тэги совместимы с обозревателями. Если обозреватель не понима-
ет тэг, то он его просто пропускает.
Итак, документ HTML это заголовок:
Заголовок
... HTML HTML
Web-дизайн 263 264 Web-дизайн ВАЖНО!
В язке HTML нет разницы между прописными и строчными символами.
и текст
...
с названием:
Название
Название документа
Это не правило, и даже не закон, это факт:
Любой документ HTML имеет название.
По названию вашего документа HTML другие обозреватели могут найти ин-
формацию. Место для названия всегда определено -- оно находится вверху
экрана, и отдельно от содержимого документа. Максимальная длина названия
-40 символов.
Форматирование
Форматирование может быть непосредственным или авторским. Если вы ис-
пользуете тэг
, то форматирование считается авторским:
Следующие тэги присущи непосредственному форматированию:
-- параграф.
-- горизонтальная линия.
-- обрыв строки. Заголовки и подзаголовки
Язык HTML позволяет вам работать с шестью уровнями заголовков. Первый
заголовок -- самый главный. На него обращается особое внимание. Ос-
тальные заголовки могут быть оформлены, например, жирным шрифтом или
прописными буквами.
В HTML первый заголовок обозначается как
:
Текст
Под n понимается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или
6.
В HTML первый заголовок может совпадать с названием документа.
Списки
Списки подразделяются на ненумерованные:
Элемент списка
нумерованные:
Элемент списка
c описаниями:
Собака (элемент)
Друг человека (описание элемента)
HTML HTML
Web-дизайн 265 266 Web-дизайн
и вложенные:
Примус
Другой примус
...
...
Выделение текста
Текст в документе HTML может быть выделен одним из следующих спосо-
бов:
-- цитата
-- программный код
-- определение
-- логический акцент -- ввод с клавиатуры -- сообщения компьютера -- сильный акцент -- переменные Один большой параграф
В HTML разбиение на строки не принципиально. Это означает, что вы мо-
жете разбить строки вашего документа в любом его месте. Связано это с
тем, что в гипертекстовом документе идущие подряд отбивки превращаются в
одну. Но! Если отбивка сделана после тэга
, то она учитывается. Если
какой-нибудь тэг игнорируется, то отбивка также учитывается. В ос-
тальных случаях обозреватель будет пропускать отбивки.
Ссылки
HTML позволяет вам связать текст или картинку с другими гипертексто-
выми документами. Текст, как правило, выделяется цветом или оформляется
подчеркиванием.
Для этого используется тэг . Помните, что после буквы A должен
стоять пробел.
Чтобы сформировать ссылку:
- наберите
- наберите после > текст гипертекстовой ссылки
- наберите тэг
Один из вариантов гипертекстовой ссылки может выглядеть так:
Bob
Здесь слово Bob ссылается на документ BobAnapa.html, образуя гипер-
текстовую ссылку.
Если документ, формирующий ссылку, находится в другой директории, то
подобная ссылка называется относительной:
Bob HTML HTML
Web-дизайн 267 268 Web-дизайн
Если вы хотите указать полное имя файла, то вам необходимо использо-
вать синтаксис UNIX.
Ссылки можно формировать на основе так называемого универсального ло-
катора ресурса, то есть используя следующий синтаксис:
protocol: //hostport/path
Предварительное форматирование текста
Тэг
позволяет сформировать текст, оформленный моноширинным
шрифтом.
Используйте этот тэг для оформления листингов программ.
Расширенные цитаты
Тэг
позволяет вам включить цитату в уединенный объект.
Адрес
Тэг позволяет сформировать информацию об авторе документа
HTML.
Куча слов по поводу форматирования символов
В HTML слова и строки кодируются логическими и физическими стилями.
Физические стили форматируют текст.
Логические стили форматируют через определение в гипертекстовом доку-
менте некоторого значения. Это в частности означает, что тэг заголовка
первого уровня не содержит информации о размере шрифта и гарнитуре. Поэ-
тому, чтобы изменить символьное форматирование заголовка вы должны моди-
фицировать заголовок первого уровня. Через логические (в том числе и
символьные) тэги вы можете сформировать согласованный гипертекстовый до-
кумент, то есть определить заголовок первого уровня в качестве только
(без информации о гарнитуре шрифта и его кегле).
Логические стили Ниже мы представляем примеры логических стилей доку-
мента HTML.
Определить слово. Как правило, курсив.
Усилить акцент. Как правило, курсив.
Заголовок чего-то большого и хорошего. Курсив.
Компьютерный код. Моноширинный шрифт.
Текст, введенный с клавиатуры.
Моноширинный жирный шрифт.
Сообщение программы. Моноширинный шрифт.
Ну очень важные участки. Жирный шрифт. HTML HTML
Web-дизайн 269 270 Web-дизайн
Замена переменной на число. Курсив.
Физические стили Гипертекстовый документ может быть оформлен с ис-
пользованием следующих стилей:
Полужирный
Курсив
Моноширинный
Специальные символы
Символы, которые не могут быть введены в текст документа непос-
редственно через клавиатуру называются специальными символами. Для таких
символов существуют особые тэги.
Четыре символа -- знак меньше <, знак больше >, амперсанд & и двойные
кавычки " имеют специальное значение внутри HTML и следовательно не мо-
гут быть использованы в тексте в своем обычном значении.
Скобки используются для обозначения начала и конца HTML тэгов, а ам-
персанд используется для обозначения так называемой escape-последова-
тельности. Для использования одного из этих символов введите одну из
следующих escape- последовательностей:
< Знак меньше.
> Знак больше.
& Амперсанд. " Кавычки.
Принудительный перевод строки
Тэг переводит только одну строку, то есть без дополнительного
пробела.
Горизонтальные разделители
Тэг формирует горизонтальную линию по всей ширине окна.
Встроенные изображения
Вы можете встраивать в ваш документ картинки. Синтаксис встроенной
картинки следующий:
Здесь image_URL есть указатель на файл картинки, синтаксис которого
совпадает с синтаксисом ссылки HTML. HTML HTML
Web-дизайн 271 272 Web-дизайн ВАЖНО!
Escape-последовательности чуствительны к регистру.
Звуковоспроизведение
Для того, чтобы вставить в вашу страничку звуковой файл, например,
midi-файл, используйте следующую конструкцию:
Здесь image_URL есть указатель на файл картинки, синтаксис которого
совпадает с синтаксисом ссылки HTML. HTML HTML
Web-дизайн 271 272 Web-дизайн ВАЖНО!
Escape-последовательности чуствительны к регистру.
Звуковоспроизведение
Для того, чтобы вставить в вашу страничку звуковой файл, например,
midi-файл, используйте следующую конструкцию: