- •Основы html
- •1. Понятие о html
- •2. Структура документа html
- •3. Элементы, теги и атрибуты html
- •4. Основные теги и атрибуты форматирования html документа
- •5. Тег вставки изображения
- •6. Стандартные цвета html-документа
- •7. Контрольные вопросы
- •Ссылки в документах html
- •2. Понятие о ссылках и гипертексте
- •3. Типы ссылок
- •4. Адрес web-документа
- •5. Теги ссылок
- •6. Контрольные вопросы
- •1. Понятие о списках
- •2. Простые и вложенные списки
- •3. Описание списков в html
- •4. Описание элементов списков
5. Теги ссылок
В языке 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:liam@htmlhelp.com" TITLE="Feedback on HTML 4.0 Reference">
liam@htmlhelp.com</A>
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. Как поставить ссылку с изображения?
Таблицы и списки в документах HTML
1. Понятие о списках
Списки используются для повышения наглядности восприятия при перечислении каких-либо объектов, свойств, особенностей и т. п. Списки бывают нумерованные (или обычные) и ненумерованные. Примеры списков, набранных в текстовом редакторе, выглядят так:
Нумерованный список Ненумерованный список
1. Первый элемент
2. Второй элемент
3. Третий элемент
4. И т. д.
• Первый элемент
• Второй элемент
• Третий элемент
• И т. д.
