Читайте также:
|
|
Чтобы понять структуру Web-страницы, необходимо рассмотреть все элементы, входящие в приведенный выше код. При рассмотрении элементов языка в нем приводятся оба тега: начальный и конечный. Этим подчеркивается, что в большинстве случаев именно оба и должны использоваться. Число случаев, когда допустим только начальный тег (а часть элементов не имеют конечного тега вообще), невелико, и они специально оговариваются. Для имен тегов можно использовать как прописные, так и строчные буквы. Некоторые разработчики для того, чтобы в тексте наглядно выделить начальные и конечные теги, пишут первые только прописными, а последние – только строчными буквами.
<HTML> </html>
Этот тег открывает и закрывает любой документ HTML. В соответствии с принципом многоуровневости, внутри данного тега допустимо расположение таких тегов как HEAD, BODY, FRAMESET и других, определяющих общую структуру Web-страницы.
<HEAD> </head>
Область заголовка Web-страницы. Иными словами, ее первая часть. Также, как и предыдущий элемент, HEAD служит только для формирования общей структуры документа. Этот элемент должен включать элемент TITLE и допускает вложение элементов BASE, META и др.
<TITLE> </title>
элемент для размещения заголовка Web-страницы. Строка текста, расположенная внутри этого элемента, отображается не в документе, а в заголовке окна браузера. Эта строка часто используется при организации поиска в WWW. Поэтому авторы, создающие Web-страницы для размещения в Сети, должны позаботиться о том, чтобы эта строка, не будучи слишком длинной, достаточно точно отражала назначение документа.
<STYLE> </style>
Описание стиля некоторых элементов Web-страницы. В приведенном выше примере назначены шрифты для элементов H2 и CODE. Видно, как отличается внешний вид заголовка второго уровня (элемент H2) в браузере от остальных заголовков.
<META>
Этот элемент содержит служебную информацию, которая не отражается при просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент META содержит два основных атрибута, первый из которых определяет тип данных, а второй – содержание, или их значение. Вот несколько примеров meta-данных:
Name=”Expires” content=”дата”.
Name=”Reply-to” content=”Имя@адрес”
Name=”Author” content=”Имя автора”
Name=”Keyword” content=”Слово1, Слово2, Слово3, …”
Name=”Description” content=”Содержание страницы”
Name=”Generator” content=”Название HTML-редактора”
Текст, написанный по-русски, пользователь заполняет по своему усмотрению. Часто атрибут name заменяют атрибутом http-equiv. он используется сервером для создания дополнительных полей при выполнении запроса.
Кроме этого, элемент META может содержать URL. Шаблон соответствующего атрибута таков:
URL=http://адрес
<BODY> </body>
Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Это та произвольная часть документа, которую разрабатывает автор страницы и которая отображается браузером. Соответственно, конечный тег этого элемента нужно искать в конце HTML-файла. Внутри элемента BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри начального тега <BODY> можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Рассмотрим некоторые атрибуты.
Атрибут, определяющий фон страницы:
background=”путь к файлу фона”
Можно задать непосредственно цвет фона, воспользовавшись 16-тиричной формой записи цветов в модели RGB:
bgcolor=”#RRGGBB”, например bgcolor=”#0CFFA2”
При этом оба атрибута можно использовать одновременно, в этом случае если браузер не найдет файл фона, то будет воспроизведен простой цвет.
Для задания цвета текста, соответствующего выбранному фону, используется атрибут
text=”RRGGBB”
Если вы хотите определить цвет текста гиперссылок, то можно использовать атрибут
link=”#RRGGBB”
Цвет просмотренных гиперссылок определяется атрибутом
vlink=”#RRGGBB”
Цвет последней выбранной гиперссылки задается атрибутом
alink=”#RRGGBB”
Гипертекст, расположенный между открывающим и закрывающим тегами элемента BODY, является произвольным и зависит от воли и фантазии разработчика Web-страницы.
<!--Комментарий-->
В любом языке программирования есть конструкции, позволяющие создавать произвольные ремарки. HTML в этом смысле – не исключение. Текст, введенный внутри этого элемента, игнорируется браузером. Эти элементы могут располагаться в любом месте Web-страницы. Признаком комментария служит восклицательный знак после открывающей скобки и обрамляющие текст комментария двойные дефисы.
<H1> </h1>
Элемент заголовка. Существует шесть уровней заголовков, которые обозначаются H1…H6. Заголовок уровня 1 самый крупный. А уровень 6 обеспечивает самый маленький заголовок. Рис. 1 дает представление об относительных размерах букв в заголовках. Для заголовком можно использовать атрибут align, задающий выравнивание влево, по центру или вправо:
align=”left”, align=”right”, align=”center”
<HR>
Горизонтальная линия (horizontal rule) – очень часто используемый элемент. Во-первых, с его помощью очень удобно делить страницу на части. Во-вторых, выбор подобных элементов оформления страницы очень небольшой.
Элемент не имеет конечного тега, но допускает использование ряда атрибутов:
для выравнивания
align=”left”, align=”right”, align=”center”, align=”justify”
для задания толщины линии
size=толщина в пикселях
для управления длиной линии
width=длина в пикселях
width=длина в процентах%
для выбора цвета
color=”цвет”
<A> </a>
HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстрого перемещения к нужному разделу документа. Для этого можно использовать механизм гиперссылок. Необходимо также в нужных местах текста расставить соответствующие метки. Рассмотрим пока только шаблон для создания меток:
<A name=”метка”> Произвольный текст </a>
В этом случае участку текста между открывающим и закрывающим тегами присваивается имя «метка» и, следовательно, в другой части документа, или даже в другом документе, может быть создана гиперссылка, приводящая в эту точку.
Для перехода внутри документа можно использовать следующую конструкцию:
Переход к <A href=”#метка”> метке </a>
Дата добавления: 2014-12-23; просмотров: 90 | Поможем написать вашу работу | Нарушение авторских прав |