- •Назначение языка html
- •Теги html
- •Атрибуты тегов
- •Комментарии
- •Структура документа html
- •Определение функциональных разделов документа
- •Гипертекстовые ссылки и якоря
- •Рисунки на Web-страницах
- •Управление стилем шрифта
- •Определение элементов фразы
- •Создание списков
- •Мультимедийные объекты в документе html
- •Создание таблиц
- •Размещение нескольких документов на одной Web-странице
- •Качество документов html
- •Закрепление пройденного
Определение функциональных разделов документа
Язык HTML предназначен для описания функциональных разделов документа. В большинстве обычных документов основными функциональными разделами являются заголовки и абзацы.
1. Язык HTML поддерживает шесть уровней внутренних заголовков документа. Они помечаются тегами от <Н1> и </Н1> до <Н6> и </Н6>. Реально на экране компьютера все эти заголовки изображаются шрифтами разного размера (обычно полужирным начертанием).
В соответствии с идеологией HTML текст, который действительно является заголовком, следует пометить с помощью одного из этих тегов. В составе языка имеются теги форматирования, изменяющие размер и начертание шрифта, но пользоваться ими в этом случае не рекомендуется.
2. Для обозначения обычных абзацев в языке HTML используют тег <Р> (и соответствующий закрывающий тег </Р>). Теги, описывающие обычные абзацы, являются необязательными. Однако при наличии этих тегов броузеры четко отслеживают границы между абзацами.
3. В языке HTML нет никаких средств для создания абзацного отступа («красной строки»), поэтому для удобочитаемости текста между абзацами броузер обычно вводит пустую строку. Важным средством создания разделителей в тексте являются горизонтальные полоски-линейки, визуально отделяющие разные части документа друг от друга. Горизонтальная линейка создается тегом <HR>. Это одиночный тег, не имеющий соответствующего закрывающего тега.
4. При применении этих тегов важно принять во внимание, что все кратные («лишние») пробелы между словами и переходы на новую строку при воспроизведении документа HTML игнорируются.
5. Если же надо осуществить переход на новую строку без создания абзаца, можно использовать тег <BR>.
<HTML>
<HEAD>
<ТIТLЕ>Функциональные разделы документа</ТIТLЕ>
</HEAD>
<BODY>
<Н1>Главный заголовок</H1>
<Н2>Подзаголовок</Н2>
<Р>Эти строки изображаются слитно, несмотря на то, что в документе
они отделены
друг от друга
<Р>Закрывающий тег абзаца не обязателен.<Р>Тег начала абзаца более важен, чем реальный переход на новую строку.
<HR>
Текст после горизонтальной линейки <BR> разбит на две строки.
</BODY>
</НТМL>
Гипертекстовые ссылки и якоря
Способность Web-страниц содержать ссылки на другие Web-страницы — одна из наиболее привлекательных особенностей World Wide Web. Создать гипертекстовую ссылку в документе HTML очень просто. Для этого используются теги <А> (и </А>).
1. При создании гиперссылки обязателен атрибут HREF=. Его значением является адрес URL, на который указывает ссылка. Текст ссылки размещают между тегами <А> и </А>. При отображении документа в броузере текст ссылки обычно подчеркивается и изображается синим цветом. Щелчок на ссылке приводит к переходу по заданному адресу URL.
Гипертекстовые ссылки могут указывать на другую Web-страницу или на любой файл, имеющийся на Web-узле. При щелчке на такой ссылке предоставляется возможность его загрузки или открытия.
2. Если Web-страница, на которую указывает ссылка, располагается на другом Web-узле, то в качестве значения атрибута HREF= должен использоваться полный адрес URL документа, включая название протокола и адрес Web-узла. Такие ссылки называют внешними.
3. Если ссылка указывает на другую страницу того же самого Web-узла, то достаточно указать только относительный путь поиска документа. В этом случае создается внутренняя ссылка. Использовать внутренние ссылки удобнее, так как в этом случае при переносе Web-узла целиком на другой сервер, не требуется вносить изменения в отдельные документы.
4. Гипертекстовые ссылки могут указывать на определенное место внутри страницы, если в нужное место предварительно встроить якорь. Якорь также использует теги <А> и </А>, но вместо атрибута HREF= для него обязательным является атрибут NAME=. Значением этого атрибута является имя якоря. Оно может состоять только из латинских букв и цифр и не должно содержать пробелов.
5. Для ссылки на установленный якорь надо указать имя якоря в конце адреса URL после имени документа, отделив его символом «#».
<HTML>
<HEAD>
<ТIТLЕ>Ссылки и якоря </TIТLЕ>
</HEAD>
<BODY>
Новые версии стандартных программ операционной системы и самые свежие драйверы можно найти на Web-узле компании
<AHREF="http://www.microsoft.com”>Microsoft</A>.
<Р>А теперь можно перейти к <А HREF="my.htm"> моей личной странице </А>.
<Р> О том как связаться с автором, рассказано в
<А НRЕF="#аddress">конце этой страницы</А>
Здесь располагается основное содержание страницы
<А NАМЕ="address">Адрес электронной почты</А>
</BODY>
</НТМL>