 |
Можно предать управление из одного документа к метке в нутрии другого.
|
|
|
|
| Первый HTML- файл < a href = имя_файла#метка> текст </a> Второй HTML – файл <a name =метка > </a> | Приступить к показу фрагмента с меткой меткав файле имя файла На экран выводится ссылка: текст При щелчке мыши на ссылке браузер строит на экране документ по программе, заданной в файле имя_файла, начиная с Фрагмента с меткой метка. |
· указывает на почтовый адрес
<a href="mailto:[email protected] ">Текст для щелчка </a>
· внешние связывают страницу с документами, не принадлежащими данному Web - узлу
Каждая страница имеет свой уникальный адрес в Интернете, который называется универсальным указателем ресурса. Указывает на ресурс Интернета
Пример.
· абсолютный путь.
При переносе требуется менять все гиперссылки
http://www.dodbar.ru/rus/index.html
· относительно просматриваемого докумета
rus/index.html / -прямой слэш
· относительно корневой папки
/ support/www.dodbar.ru /rus/index.html -начинается с прямого слэша
Произвольный текст <a href="адрес ссылки ">Текст для щелчка </a>
· указывает на рисунок
<a href="адрес ссылки "> <img src="ссылка на рисунок "></a>
Внутри тэга <body> используются атрибуты, определяющие цвет гиперссылок:
link – задает цвет ссылок на всей странице
vlink – задает цве посещенных ссылок
аlink - задает цвет активных ссылок (цвет появляется при нажатии)
<body link ="0000ff" vlink="cc0066" alink="ff0000">
| Пример 3. doc1.htm | |
| <HTML> <HEAD> < meta http-equiv = “Content-Type” content =”text/html; charset = windows-1251 “> <TITLE> Упражнение 3 </TITLE> </HEAD> <BODY> <h1> Третий HTML -- документ </h1> <hr> <p> Корова похожа на лошадь. А лошадь не похожа на корову. Имеено это сходство мы берем за основу </p> <P> <a href= doc3.htm> Перевод</a> </BODY> </HTML> | Начало HTML - документа Начало головной части Информация о документе Название документа Конец головной части Начало тела документа Заголовок Горизонтальная линия Начало абзаца Абзац Конец абзаца Ссылка на страницу Конец тела документа Конец HTML - документаа |
| Пример 4. doc3.htm | |
| <HTML> <HEAD> < meta http-equiv = “Content-Type” content =”text/html; charset = windows-1251 “> <TITLE> Упражнение 4. </TITLE> </HEAD> <BODY> <h1> Четвертый HTML -- документ </h1> <hr> <p> Корова похожа на лошадь. А лошадь не похожа на корову. Имеено это сходство мы берем за основу </p> </BODY> </HTML> | Начало HTML - документа Начало головной части Информация о документе Название документа Конец головной части Начало тела документа Заголовок Горизонтальная линия Начало абзаца Абзац Конец абзаца Конец тела документа Конец HTML - документаа |
Вопросы и упражнения
|
|
|
1. Справочник по животным
<UL>
<LI><A href =#волк></A>волк
<LI>><A href =#цыпа></A>цыпа
</UL>
<HR>
<P> <a name=волк>
Волк — плохой зверь.Кусается
<HR>
<P> <a name=цыпа>
Цыпа — хороший зверь (птица)
Не кусается, несет яйца.
<HR>
Почему броузер не показывает ссылки?
- Ссылки нельзя записывать внутри списков
- Метки нужно записывать так:
<a name=#цыпа>
- ссылки нужно записывать так:
<A href =#цыпа>цыпа</A>
- имя метки нужно записывать в кавычках
Таблицы
Создание и форматирование таблиц
Что такое таблица
Таблицы –это прямоугольник, расчерченный на клетки. Вертикальные ряды клеток образуют столбцы., горизонтальные - строки. Каждая строка и столбец в таблице имеет свой заголовок в первом столбце.
Как создать таблицу
Таблица задается командой <table>…</table>. Внутри этих тегов задаются строки командами <tr>…</tr>. Наконец, внутри строк задаються клетки (ячейки) командами <td>…</td>.
|
|
|
| <table> |
| ||||||
| <tr> | <td> </td> | <td> </td> | </tr> | ||||
| <tr> | <td> </td> | <td> </td> | </tr> | ||||
| <tr> | <td> </td> | <td> </td> | </tr> | ||||
| </table> |
<table border=1>
<tr> <!-- первая строка -- >
<td> (1,1) </td> <!-- первая ячейка -- >
<td> (1,2) </td> <!-- вторая ячейка -- >
</tr>
<tr> <!-- вторая строка -- >
<td> (2,1) </td> <!-- первая ячейка -- >
<td> (2,2) </td> <!-- вторая ячейка -- >
</tr>
<tr>
<td> (3,1) </td>
<td> (3,2) </td>
</tr>
</table>
Атрибуты команды <table>
| Атрибут | Значение | Описание |
| align | Left, right, | Выравнивание по горизонтали |
| width | Число,процент | Ширина таблицы |
| cellpadding | Число | Расстояние между содержимым ячейки и рамкой |
| cellspacing | Число | Расстояние между ячейками таблицы |
| bgcolor | Цвет | Цвет фона таблицы |
| background | Цвет | Фоновая картинка |
| border | Число | Толщина рамки |
| bordercolor | Цвет | Цвет линий рамки |
| bordercolordark | Цвет | Цвет рамки (снизу и справа) |
| bordercolorlight | Цвет | Цвет рамки (сверху и слева) |
Атрибут align
Позволяет определить положение таблицы к соседним элементам документа. Если атрибут не задан, таблица выравнивается по левому краю окна, а другие элементы страницы выше или ниже нее (обтекания не происходит). Выровнять таблицу можно при помощи команды <div>.
<div align=right>
<table border=1>
……
</table>
</div>
Атрибут width
Если атрибут не задан, браузер рисует таблицу минимальных размеров вокруг данных, которые она содержит. Запись width=число заставляет браузер рисовать таблицу шириной в указанное число пикселов.Если реально для таблицы требуется больше места, значение width игнорируется. Если заданный размер уводит таблицу за правую границу окна, браузер добавляет к окну горизонтальную линейку протяжки. Можно задавать ширину таблицы в процентном отношении: width=процент.
<table width=200 border=1>
<table width=90% border=1>
|
|
|
