|
Читайте также: |
Гипертекстовый документ, предназначенный для публикации в сети Интернет (веб-страница) представляет собой текстовый файл с внедрёнными в него тэгами (англ. tag – метка) – специальными последовательностями символов, задающими логическую структуру документа (заголовки, абзацы) и форматирование символов (жирный шрифт, курсив и т.д.)
HTML-тэги представляют собой последовательности символов, заключённых в угловые скобки <…>. Они бывают одиночные и контейнерные. Большинство HTML-тэгов – контейнерные, они состоят из пары открывающего и закрывающего тэгов. Действие контейнерного тэга распространяется на данные (текст и вложенные тэги), расположенные между ними. Перед именем закрывающего тэга ставится косая черта «/». Например, </h1> – закрывающий тэг для <h1>. Одиночные тэги состоят только из открывающего тэга и не требуют закрывающего.
Упражнение. Создайте пример простейшей веб-страницы. Используйте любой текстовый редактор для набора следующего текста, например стандартный редактор «Блокнот» (Notepad) для Windows:
<html>
<head>
<title>Моя первая веб-страница</title>
</head>
<body>
<h1>Добро пожаловать!</h1>
<p>Это моя первая веб-страница. </p>
</body>
</html>
Не забудьте при сохранении файла присвоить ему расширение.htm или.html вместо предлагаемого по умолчанию.txt. Откройте полученный файл в браузере. Вы увидите в рабочей области окна браузера два абзаца текста: «Добро пожаловать» и «Это моя первая веб-страница». При этом первый из них, заключённый внутри тэга <h1>, выводится жирным и более крупным шрифтом, чем второй, заключённый внутри тэга <p>. Это происходит потому, что тэг <h1> задаёт заголовок первого уровня. Текст «Моя первая веб-страница», заключённый внутри тэга <title>, выводится в заголовке окна браузера. Обратите внимание на очерёдность закрытия вложенных контейнерных тэгов. Тэг, открытый первым, закрывается последним.
Исправьте в редакторе тэг <h1> следующим образом: <h1 align = "center">. Этим Вы добавляете к тэгу атрибут – некоторую уточняющую информацию о том, как в браузере отображается содержимое тэга. Сохраните файл и обновите его отображение в браузере. Заголовок будет выровнен по центру.
Тэги могут иметь и несколько атрибутов, перечисляемых внутри открывающего тэга через пробел. Если тэг контейнерный, то в закрывающем тэге повторять атрибуты не нужно. Атрибут состоит из имени, знака равенства и значения. В общем виде синтаксис тэга с несколькими атрибутами можно представить так:
<имя_тэга имя_атрибута_1 = "значение_атрибута_1" имя_атрибута_2 =
"значение_атрибута_2"... имя_атрибута_N = "значение_атрибута_N">
Стандарт языка HTML требует заключения всех значений атрибутов в кавычки. На практике, если значение атрибута не содержит пробелов, кавычки можно опустить – корректное отображение документа в браузере при этом сохранится.
Сводная таблица основных HTML-тэгов помещена в приложении 1, а подробное описание каждого из них приводится в следующем параграфе.
Дата добавления: 2015-07-26; просмотров: 83 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Основные элементы веб-страницы и файловая структура веб-сайта | | | Абзацы и переводы строки |