2.2. Синтаксис HTML
В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим. HTML развивается, дополняется новыми элементами, и изучать его надо не по официальным первоисточникам, а на практике, обращаясь к последним разработкам ведущих фирм и специалистов.Синтаксис языка можно рассмотреть на простом примере — элементе текстового абзаца (рис. 2.1). Этот элемент имеет имя P (от английского «paragraph»). Элемент имеет начальный и конечный теги, которые заключаются в угловые скобки. В начальном теге находится имя элемента и, при необходимости, атрибуты (которые определяют свойства элемента). Большинство атрибутов имеют значения, выбираемые из стандартного списка. В нашем примере атрибуту align присвоено значение justify, и в результате текст, находящийся внутри тегов, будет выравниваться броузером по ширине страницы. У данного атрибута могут быть и другие значения: left (выравнивание по левому краю) center (выравнивание по центру) и right (выравнивание по правому краю). Если атрибут не указан, броузер использует значение по умолчанию. В данном случае — это выравнивание по левому краю. Текстовые данные, используемые в качестве значений атрибутов, обычно заключаются в прямые двойные кавычки. Если данные содержат пробелы (например, текст всплывающей подсказки), то использование кавычек обязательно. Числовые данные используются только для указания значений атрибутов и записываются как в кавычках, так и без кавычек.
С помощью HTML можно форматировать текст так же, как и в текстовом редакторе (например, в Word тоже есть четыре способа выравнивания текста абзаца). Поэтому существует способ преобразования текстовых документов в формат HTML, но не во всех случаях соответствие будет такое точное.
Рис. 2.1. Пример элемента HTML
Ряд элементов имеют много атрибутов. В этом случае атрибуты записываются в произвольном порядке внутри начального тега и разделяются пробелами.Конечный тег всегда содержит только косую черту и имя элемента.
Есть элементы, которые не имеют конечного тега. Это, например, элемент рисунка IMG и элемент конца строки BR. Например, в том месте, где надо создать обязательный конец строки ставят такой тег: <BR>.
Для имен тегов можно использовать и прописные, и строчные буквы латинского алфавита. Некоторые пользователи записывают стартовые теги прописными буквами, а конечные теги — строчными. В гипертекстовых редакторах часто используются только строчные буквы.
Вот еще несколько обязательных правил HTML:
• атрибут не должен содержать пробелов (например, между знаком равенства и другим текстом не должно быть пробелов);
• если значение атрибута содержит пробел (например, фразу), то значение атрибута должно обязательно заключаться в апострофы;
• угловые скобки используются только для тегов, а амперсант — для кодов (спецсимволов). Если в тексте надо использовать угловые скобки, они водятся с помощью кодов: < (левая угловая скобка) и > (правая угловая скобка);
• знак амперсанта & вводится в текст только с помощью кода &.
При наборе и редактировании кода HTML можно использовать разные текстовые редакторы, в том числе программу Блокнот. От файлов с расширением txt все Web-страницы отличает только расширение htm (html). Набирая код HTML в Блокноте, вы можете нажимать клавишу Enter (заканчивать строки) там, где это удобно. На вид Web-страницы в броузере это не влияет: например, весь код страницы может находиться в одной очень длинной строке — если страница создана не человеком, а программой.
Некоторые элементы могут вкладываться друг в друга по принципу матрешки. Чаще всего так используют текстовые элементы для форматирования. Текст, который попадет внутрь обоих элементов, будет отформатирован двумя способами.
Например, для форматирования полужирным, нужный фрагмент текста заключается внутрь элемента B:
<B>Текст, выделенный полужирным</B>
Если надо выделить текст курсивом, используют элемент I:
<I>Текст, выделенный курсивом</I>
А если надо создать полужирный курсив, то возможен такой вариант:
<B><I>Полужирный курсив</I></B>
или такой:
<I><B>Полужирный курсив</B></I>
Но такое использование тегов НЕВЕРНО:
<B><I>Неправильное вложение элементов!</B></I>
Существуют элементы, которые используются совместно. К таким элементам относятся те, которые создают шаблон страницы (см. ниже) и элементы таблиц.
Есть правила для определения размеров элементов. Размер, заданный обычным числом, выражается в пикселах. Так, например, задается длина горизонтальной линии в 100 пикселов:
<HR width=100>
Горизонтальный размер может быть задан и в процентном отношении к ширине окна броузера:
<HR width=50%>
Если размер окна будет изменен, то изменится и длина горизонтальной линии.
Универсальный способ точного задания свойств элементов (например, указание размера шрифта в пунктах) — использование каскадных таблиц стилей (CSS). Эта технология имеет свои преимущества, но требует более углубленного изучения Web-дизайна.
© TEKCT.RU, А. Гончаров, 2007-2022
|
|