Разметочные теги языка HTML
HTML (HyperTextMarkupLanguage, язык гипертекстовой разметки), который представляет собой набор специальных инструкций браузеру для созданиявеб-страницы.Каждая команда данного языка называется тег.Теги HTML сообщают браузеру информацию о структуре и особенностях форматирования веб-страницы. Каждый тег содержит определенную инструкцию и заключается в угловые скобки < >, например: < html>;. Большинство тегов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри. Как правило, HTML-теги используются в паре, например: < b> < /b>;. Заметьте, что закрывающий тег обязательно содержит знак «/». Первый тег называется начальным или открывающим, а второй – конечным или закрывающим тегом. Текст, находящийся между начальным и конечным тегом подвергается «разметке». Например, < b> Привет < /b> будет отображено браузером как Привет (слово «Привет» написанное жирным шрифтом). Соответственно теги объединяются в контейнеры, каждый из которых состоит из открывающего тега его параметров, текста к которому относится данная команда и закрывающего тега (см. рис. 2.1.), например, < font size= «3»type= «Arial» > Привет < / font>, выведетслово «Привет» гарнитурой Arial, размером 12 пт. (3 размер).
Рис. 2.1. Контейнер языка html
Таким образом, каждый тег независимо от того отвечает ли он за формирование документа или обработку текста имеет имя, атрибуты и содержимое.Имя тега всегда записывается латинскими буквами. По имени определяется тот набор действий, которые данный тег должен выполнять. Например, конструкция < title> < /title> говорит о том, что заключённый в неё текст – заголовок страницы. Если при описании тега допустить ошибку, то есть написать имя, не входящее в спецификацию HTML, или задать неправильно его параметры, то такой тег не будет воспринят интерпретатором, и, соответственно, указанное форматирование не отразится на экране. Следует отметить, что атрибуты записываются в первом, открывающемся теге после имени. Если используется несколько атрибутов, они отделяются друг от друга пробелом. После имени атрибута должен следовать знак равенства и затем без пробелов значение, заключённое в двойные кавычки «». Основной функцией тегов HTML является форматирования текста (т.е. придания ему нужного вида), который читает браузер. Документы HTML хранятся в виде файлов с расширением.htm или.html. Рассмотреть вложенную, иерархическую структуруHTML-документаболее подробно. Начнем с того, что любая HTML-страница в обязательном порядке должна содержатьстроку, содержащую декларацию типа документа. Все объекты веб-страницы располагаются после декларации внутри контейнера < html> < /html>. Веб-страницу, как и любой документ можно разделить на заголовок и основную часть (см. рис 2.2).
Рис. 2.2. Разметка веб-страницы В заголовке < head> < /head> находится вся описательная информация, подключаются дополнительные файлы, формируется заголовок страницы. В неё можно поместить теги < title> Заголовок < /title>, формирующие заголовок. Также здесь используют тег < meta> для описания метаданных. Например, этим тегом можно задать кодировку страниц: < meta http-equiv=" Content-Type" content=" text/html"; charset=" utf8" > (в данном случае будет использоваться кодировка utf-8). Или перечислить ключевые слова, которые будут использовать поисковые программы для обработки страницы, или описание сайта: < meta name = " description" content=" Это мой сайт, на котором я буду размещать информацию о себе." />. Ещё можно подключать файлы, используя тег < link> или скриптовые файлы-обработчики, используя конструкцию < script> < /script>;. В основной части документа (теле) располагаются все остальные данные: текст в виде параграфов, таблицы, изображения и др. Определяется основная часть веб-страницытегами < body> < /body>;. Все остальные теги форматирования помещаются внутрь. Таблица 2.1. Атрибуты тега
Вопросы и задания для самостоятельной работы 1. Что такое тег, какими обязательными свойствами он обладает? 2. Назовите основные теги разметки веб-страницы. 3. Для чего используется тег < title> < /title>? 4. Какие теги заголовка ненужно закрывать? 5. В каком разделе, и с помощью какого тега описывается кодировка веб-страницы?
|
