Техника Web-дизайна для студента
Основные понятия и определения
Документы, которыми осуществляется обмен информацией в Интернете, обычно представляют собой текстовые файлы, написанные с использованием специального языка HTML (HyperText Markup Language, язык разметки гипертекста). Язык HTML — это набор меток, которые расставляются по тексту и определяют внешний вид документа в окне браузера.
Браузеры — специальные программы, предназначенные для просмотра документов, размеченных HTML-метками. В настоящее время самым распространенным браузером является Microsoft Internet Explorer.
Метки — небольшие последовательности символов, ограниченные угловыми скобками и предлагающие браузеру определенные действия (команды). Например, встретив в тексте HTML - документа метку, предписывающую сделать фрагмент текста полужирным, браузер выполнит это требование. Тснно также, используя соответствующие метки, можно предложить браузеру изменить размер и цвет шрифта, выровнять текст, вставить рисунки и т. д. Некоторые метки применяются попарно, одна из них называется открывающей, другая — закрывающей. Действие метки будет распространяться на фрагмент документа, заключенный между открывающей и закрывающей меткой. В англоязычной литературе метки именуются словом tag (ярлык, бирка, признак).
Этот термин механически перешел и в отечественную литературу, причем часть авторов пишет тэг, а не менее значительная часть — тег. Слово "метка" более точно отражает существо вопроса, поэтому мы будем использовать именно этот термин.
Открывающая метка может иметь следующую структуру:
<имя [параметр] [="значение" ] [параметр] [="значение" ] ...>
Элементы, написанные в квадратных скобках, являются необязательными составляющими метки. Это означает, что метки могут не содержать параметры или содержать параметры без значений. Но если параметры есть, квадратные скобки писать не нужно. Имя метки, а также параметры отделяются друг от друга пробелами. После символа "<" и перед символом ">" пробелы не ставятся. Многоточие означает, что параметров может быть много. Значения параметров записываются в прямых кавычках, однако, если значение параметра не содержит пробелов, то кавычки можно не писать.
Закрывающая метка содержит только имя, перед которым ставится правый слеш:
</имя>
Как видим, закрывающая метка не содержит никаких параметров. Ее назначение — ограничение действия открывающей метки. Не всякая метка имеет в паре закрывающую метку.
Для написания меток используются только латинские буквы. Допускается использование как строчных, так и заглавных букв.
Структура НТМЬ-документа:
<нтмь>
<НЕАБ>
<Т1ТЬЕ>
Заголовок окна документа </Т1ТЬЕ>
</НЕАБ>
<ВСЮУ>
Тело документа </ВСЮУ>
</НТМЬ>
Такую структуру должен иметь любой HTML-документ. Она включает три пары меток с именами html, head, body, которые в данном случае не имеют параметров.
В головной части документа, то есть внутри пары меток <head>...</head>, могут размещаться другие метки. На первых порах будем использовать только единственную и обязательную пару меток <title>...</title>, предназначенную для размещения заголовка окна браузера. После открытия документа текст заголовка будет воспроизводиться в строке заголовка окна браузера (синяя верхняя полоса окна).
В теле документа размещается текст и метки, определяющие его внешний вид в окне браузера.