 |
Стандартные цвета HTML-документа
|
|
|
|
Black чёрный Green зелёный
Silver серебристый (светло-серый) Lime ярко-зелёный
Gray серый Olive оливковый
White белый Yellow жёлтый
Maroon бордовый Navy тёмно-синий
Red красный Blue синий
Purple пурпурный Teal серо-зелёный
Fuchsia сиреневый Aqua бирюзовый
Большинство браузеров поддерживают множество других названий цветов, например, brown, darkblue и т.д. В таблице приведены лишь цвета, соответствующие спецификации HTML.
7. Контрольные вопросы
- Что такое язык HTML и для каких целей его используют?
- Какие программы используются для создания и редактирования документов HTML?
- Какие программы используются для просмотра WEB-страниц, написанных на HTML?
- Каким важнейшим свойством обладает HTML, благодаря которому он называется языком разметки гипертекстовых документов
- Какова структура документа HTML?
- Каковы основные особенности языка HTML?
- Повтор каких символов в документе HTML игнорируется?
- Что такое тег в языке HTML?
- Чем отличаются парные и непарные (пустые) теги? Приведите примеры.
- Что такое атрибут?
- Как поступает браузер с тегами и атрибутами, записанными неправильно или несуществующими?
- Будет ли правильно отображаться HTML-документ, в котором отсутствуют теги <html>, <head>, <body>?
- Какой тег служит для записи комментариев в HTML документе и не выводится браузером на экран?
- Как изменить цвет фона всего документа?
- Какие теги позволяют разбивать текст документа на строки и абзацы?
- Какие теги используются для форматирования текста жирным, наклонным и подчеркнутым шрифтом?
- Какие теги используются для форматирования фрагмента текста стилем заголовков?
- Сколько уровней заголовков описано в стандарте HTML?
- Какой тег применяется для изменения цвета и размера шрифта?
- Какой тег используется для вставки изображения в HTML-документ?
- Что отобразится в случае, если файл, указанный в атрибуте src тега <img> несуществует?
- Какие форматы графических файлов поддерживаются браузерами?
- Опишите особенности графических форматов BMP, GIF и JPG с точки зрения HTML-дизайна.
- Как вставить горизонтальную линию в документ?
- Что будет выведено при отображении следующего фрагмента HTML-кода?
<p>Строка 1
|
|
|
Строка 2
Строка 3</p>
- А что получится при отображении этого фрагмента?
<p>Строка 1
<center>
Строка 2</center>
Строка 3</p>
- Что получится при выполнении этого фрагмента?
S<sub>кр.</sub>=πR<sup>2</sup>
Ссылки в документах HTML
World Wide Web
Одним из выдающихся достижений человечества является создание в конце XX века глобальной сети передачи информации – Интернет. Ведущая роль в распространении информации среди пользователей Интернет принадлежит WWW (World Wide Web), или Всемирной Паутине. WWW предоставляет возможность любому пользователю Интернет опубликовать свою информацию, содержащую текст, изображения (в том числе движущиеся), музыку, звуки и т.д. При этом основным языком описания текстовых документов является HTML. Однако сами по себе документы HTML (или WEB-страницы) представляет собой хотя и, возможно, богато оформленные, имеющие интересное содержание, но разрозненные объекты. Для того, чтобы объединить множество WEB-страниц в единую сеть документов, используют так называемые ссылки. Только благодаря наличию ссылок документы HTML способны образовать то, что называют сайтом, или сетью документов.
Понятие о ссылках и гипертексте
Ссылки позволяют переходить от одного HTML-документа к другому (или к определённому фрагменту документа) простым щелчком мыши в браузере. Таким образом, очень удобно составлять всевозможные меню, оглавления, перечни, указатели и т.п. Ссылаться можно на любой документ, доступный в сети, к которой подключен компьютер пользователя, в том числе и на содержащиеся на локальном диске этого компьютера. Документ, содержащий ссылки, называется гипертекстовым документом, или гипертекстом.
|
|
|
Ссылки на странице выделены подчёркиванием. При наведении указателя мыши на ссылку он меняет свою форму (в Internet Explorer при обычных настройках Windows указатель мыши принимает вид 
). При нажатии мышью на ссылку происходит переход на страницу, на которую указывает ссылка (адрес отображается в нижней строке браузера при наведении указателя мыши на ссылку). Новая страница может открываться в этом же или новом окне браузера.
Типы ссылок
Ссылки, которые указывают на другой документ, называются внешними. Ссылки, указывающие на фрагмент того же самого документа, в котором они содержатся, называются внутренними. Внутренние ссылки употребляются обычно для создания оглавления в начале длинного документа или для перехода к примечанию в конце документа и возврата обратно.
Внешние ссылки могут указывать на документ, находящийся в этой же папке, или в другой папке этого же компьютера (тогда они называются локальными), либо на документ, содержащийся в сети Интернет (такие ссылки называются глобальными). Если во внешней ссылке указан полный путь к документу, она называется абсолютной, если указана только последняя часть пути – относительной.
Адрес WEB-документа
Для того, чтобы сослаться на какой-либо документ, в первую очередь необходимо знать его адрес.
• Полный адрес WEB-документа выглядит следующим образом:
http://server.name.dom/path/file.htm#target
Здесь: http:// – название протокола для доступа к WEB-страницам (указывать необязательно);
server.name.dom – адрес сервера, на котором размещён WEB-сайт. Адрес сервера состоит из цепочки доменов, разделённых точками. В локальной сети может использоваться фиктивный адрес, произвольно выбранный при настройке сервера.
path – путь к папке на сервере, содержащей WEB-документ;
file.htm – имя и расширение документа. Расширения WEB-документа могут быть htm, html, php, phtml, shtml, asp и некоторые другие. WEB-браузерами поддерживается также отображение других типов документов: например, txt, jpg, gif, wav, avi, mpg и т.д.;
target – метка в HTML-документе, на которую выполняется ссылка. Перед именем метки обязательно ставится символ # («шарп»).
|
|
|
«Самый полный» вид адреса документа содержит, кроме перечисленного, ещё номер порта сервера и список параметров запроса:
proto://server.name.dom:port/path/file.htm#target?parameters
Любой из указанных элементов (кроме имени файла или метки) может отсутствовать, тогда ссылка принимает сокращённый вид.
• Сокращённый вид локальной ссылки:
path/file.htm#target
Если path является полным путём к документу file.htm (то есть начинается с корневой папки), то ссылка называются абсолютной, в противном случае ссылка называется относительной.
• Сокращённый вид внутренней ссылки содержит лишь указание метки в документе:
#target
Теги ссылок
В языке HTML существует один тег <a> для описания ссылок, имеющий две формы, различающиеся атрибутами:
• Тег определения метки – используется, только когда необходимо сослаться на определённый фрагмент документа, например, для создания внутренней ссылки:
<a name=имя_метки>Фрагмент, которому присваивается метка</a>
• Тег ссылки – применяется для создания собственно ссылки, то есть для установки точки перехода к другому документу или к его фрагменту:
<a href=”адрес_документа”>фрагмент, который будет являться ссылкой</a>
В именах меток, как и в именах файлов, крайне не рекомендуется использовать русские (или другие не латинские) символы и пробелы.
Тег <a>, кроме перечисленных атрибутов имеет ещё множество других, значение которых можно уточнить в справочной литературе (см. примеры ниже).
Внутри тега <a> могут располагаться любые другие теги, кроме тега <a>, то есть их вложенность не допускается.
Примеры использования тега <a> (взяты из спецификации HTML 4.0, http://www.htmlhelp.com):
1. <A HREF="album.html">My photo album</A>
2. <A HREF="../images/me.jpg">Picture of me</A>
3. <A HREF="/sounds/auldlang.mid" TYPE="audio/midi" ACCESSKEY=A>Auld Lang
Syne (5 kB MIDI)</A>
4. <A HREF="section2.html" TARGET="content" TITLE="Elements of the HEAD"
REL=next>Section 2</A>
5. <A HREF="mailto:[email protected]" TITLE="Feedback on HTML 4.0 Reference">
6. <A HREF="http://www.htmlhelp.com/" TARGET="_top">Web Design Group</A>
|
|
|
7. <A HREF="http://babel.alis.com:8080/langues/iso639.zh.htm"
CHARSET="big5" HREFLANG=zh>ISO 639</A>
6. Контрольные вопросы
1. Что такое ссылка в языке HTML и для каких целей её используют?
2. Что такое гипертекст?
3. Какие существуют виды ссылок в HTML?
4. Что такое внешние и внутренние ссылки?
5. Чем отличаются глобальные и локальные ссылки?
6. Что такое адрес документа, и из каких элементов он состоит?
7. Можно ли использовать в адресе документа или имени меток русские буквы
8. Какой тег используется для создания ссылок?
9. Запишите тег в HTML, определяющий метку внутри документа.
10. Как выглядит тег, создающий внешнюю метку?
11. Какие ссылки в созданном Вами документе index.htm являются внешними, а какие внутренними?
12. Охарактеризуйте каждую ссылку, приведённую в примерах к пункту 5 - Теги ссылок.
13. Обязательно ли ссылки в браузере выглядят подчёркнутыми?
14. Можно ли изменить цвет текста ссылки, отображаемого в браузере? Если да, то каким образом?
15. Как записать ссылку на страницу, чтобы она открывалась в новом окне?
16. Как поставить ссылку с изображения?
|
|
|
