Главная Интернет WEB-учебник Описание HTML


Интернет клуб

Новая страница
Описание html

HTML-язык WWW
HTML документ
Заголовки
Списки
Параграфы
Символы
Цвет
Спецсимволы
Комментарии
Таблицы
Гиперссылки
Кадры
Спецэффекты
Формы
Поддиректории
Команды МЕТА
Листы стилей

Javascript
Java в примерах
Полезные сайты
Задайте вопрос









Web-учебник. Раздел 2. Описание html



Встраивание гипертекстовых ссылок





1. Переход в другое место того же документа.

Для организации перехода внутри одного HTML - файла следует ввести необходимый текст в двух местах:
- Записать метку в том месте HTML - файла, куда необходимо перейти.
- Записать переход на эту метку в том месте, откуда будет выполнен переход.

 Для организации метки запишите:
<A NAME=" МЕТКА "></A>

 где МЕТКА - любое имя, состоящее из букв английского алфавита и цифр.
Для перехода на эту метку запишите:
<A href=#МЕТКА >Перейти на метку. </A>

 Пример. Пусть требуется организовать переход из конца в начало данного раздела.
Переход осуществляется нажатием левой кнопки мыши на текст "Вернуться в начало раздела."

 Для выполнения этого перехода задайте:
- В начале HTML - файла записать:
<A NAME=" HTML0 "></A>

 - В конце HTML - файла записать:
<A href= #HTML0 >Вернуться в начало раздела. </A>

 2. Переход в другой документ той же домашней страницы.

Для перехода из любого места HTML - файла h1.html в начало HTML - файла h2.html следует записать:
<A href=" h2.html">Переход к разделу h2 </A>

 Пример1. В головном разделе домашней страницы index.html требуется организовать переход в данный раздел web2b.html с помощью команды
<A href=" web2b.html"> Встраивание гипертекстовых ссылок </A>

 Нажав левой клавишей мышки на текст Встраивание гипертекстовых ссылок
в головном разделе, Вы попадете в начало данного раздела.

 Пример2. Для возврата из данного раздела обратно в головной поместить в конце этого раздела следующую команду возврата:
<A href=" index.html"> Вернуться в начало домашней страницы. </A>

 Нажав левой клавишей мышки на текст Вернуться в начало домашней страницы , Вы возвращаетесь к началу головного раздела домашней страницы.

 Замечание1. Можно перейти на заданную метку METKA другого документа h2.html с помощью следующей команды:
<A href=" h2.html#METKA"> Переход в начало раздела h2. </A>

 Замечание2.Я думаю, что ссылка выглядит красивее, если воспользоваться командой <ФОРМА> (см. раздел 14).

3. Переход в другой документ.

В любом месте HTML - файла можно ввести гипертекстовые ссылки на другой документ или файл.
Гипертекстовые ссылки вводятся в HTML - файл с помощью унифицированного локатора ресурсов - URL.
Этот локатор определяет правила написания различных видов ссылок.
Ниже приводятся важнейшие префиксы для URL:

 
Префикс URL  Функция 
FTP:// Ссылка на сервер FTP
HTTP:// Ссылка на обьект, который будет передаваться с использованием протокола HTTP
FILE://localhost Ссылка на локальный диск
GOPHER:// Ссылка на сервер Gopher
MAILTO:// Ссылка на электронный почтовый адрес
NEWS:// Ссылка на электронную конференцию
NNTP:// Ссылка на сервер электронной конференции
TELNET:// Ссылка на сервер электронной конференции

Для записи гипертекстовой ссылки в HTML - файл используйте следующую команду:
<A href=" URL"> Переход по гипертекстовой ссылке. </A>

 При нажатии левой кнопки мыши на текст Переход по гипертекстовой ссылке. Вы перейдете на ресурс, заданный в URL.
Для возврата воспользуйтесь клавишей "Back" "браузера".

 4. Вывод изображения на экран.

Изображения могут быть выведены на экран так же, как текст.
Файлы изображения могут быть заданы в нескольких различных форматах, наилучшие из которых - GIF (файлы *.gif) и JPEG (файлы *.jpg).
Ниже приводится формат команды:

 <IMG SRC=" ИМЯ ФАЙЛА" ALT=" Текст" ALIGN= DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >

 где:

 - ИМЯ ФАЙЛА - это имя данного файла в вашей домашней странице или полное имя пути и файла, если файл не принадлежит данной домашней странице.
- Текст - это текст, выводимый вместо изображения, если файл изображения по какой - либо причине недоступен.
- DIRECTION - место расположения изображения. Принимает следующие возможные значения:

 ALIGN=TOP - последующий текст располагается в верхней части изображения.
ALIGN=BOTTOM - последующий текст располагается в нижней части изображения.
ALIGN=LEFT - изображение находится в левой части листа. Текст обтекает изображение справа.
ALIGN=MIDDLE - изображение находится в центре листа.
ALIGN=RIGHT - изображение находится в правой части листа. Текст обтекает изображение слева.
WIDTH = WIDTH - ширина требуемого изображения на экране,
HEIGHT = HEIGHT - высота требуемого изображения на экране.

Пример. В моей домашней странице есть фотография - файл photo12.jpg.
Для ее вывода в файле family.htm используется команда:

 <IMG SRC=" photo12.jpg " ALIGN = LEFT WIDTH = 280 HEIGHT = 240 >

5. Гипертекстовая ссылка с помощью изображения.

Допустим, что Вы выводите на экран изображение IMAGE - файл, который называется, например, image.gif.
Если Вы хотите организовать домашнюю страницу так, чтобы при нажатии левой кнопки мыши на изображение, перейти на другую домашнюю страницу, например, на :
HTTP://WWW.HOME.COM
то следует записать следующую команду:

 <A href=" HTTP://WWW.HOME.COM "><IMG SRC=" image.gif ">

 

6. Создание ссылки на почтовый адрес.

Мой почтовый адрес :  yakov@soon.com

 Для организации ссылки в моей домашней странице на мой почтовый адрес я записал в конце главного раздела домашней страницы:

 <A href=mailto: yakov@soon.com > Перейти на мой почтовый адрес </A>

 В следующей строчке я задал такую же ссылку с поиощью достаточно симпатичной аппликации MAIL12.GIF вместо текста:

 <A href=mailto: yakov@soon.com ><IMG SRC=" MAIL12.GIF ></A>

 







  ©1996-2007   Megapolis Org   E-mail:   info@megapolis.org