БЕСПЛАТНЫЕ УРОКИ. Создание сайтов

HTML. Ссылки

Для создания ссылки используется тэг <A>.

Ссылка на страницу создается в том случае, когда эта страница уже готова. Например, у нас готовы три страницы портфолио:

index.html

work.html

doctizeniya.html

И нас нужно сделать ссылки со слова ГЛАВНАЯ на страницу index.html; со слова ПРАКТИЧЕСКИЕ на страницу work.html; со слова ДОСТИЖЕНИЯ на doctizeniya.html.

Приведем фрагмент кодатаблицы с кнопками:

 <TABLE WIDTH="100%">
<TR>
<TD WIDTH="33%" HEIGHT="50">
Главная
</TD>
<TD WIDTH="33%" HEIGHT="50">
Практические
</TD>
<TD WIDTH="33%" HEIGHT="50">
Достижения
</TD>
</TR>
</TABLE> 
 

Создадим ссылку со слова ГЛАВНАЯ. Для этого нужно сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку.

 <A HREF="index.html">Главная</A> 
 

И весь код будет выглядеть так:

 <TABLE WIDTH="100%">
<TR>
<TD WIDTH="33%" HEIGHT="50">
<A HREF="index.html">Главная</A>
</TD>
<TD WIDTH="33%" HEIGHT="50">
<A HREF="work.html”>Практические</A>
</TD>
<TD WIDTH="33%" HEIGHT="50">
<A HREF="doctizeniya.html">Достижения</A>
</TD>
</TR>
</TABLE> 
 

Как создать ссылку на веб-страницу с изображения

С изображения ссылка создается аналогично. Допустим, что вместо текста кнопок у нас вставлены изображения:

 <TABLE WIDTH="100%">
<TR>
<TD WIDTH="33%">
<IMG SRC=”images/knopka_1.jpg”>
</TD>
<TD WIDTH="33%">
<IMG SRC=”images/knopka_2.jpg”>
</TD>
<TD WIDTH="33%">
<IMG SRC=”images/knopka_3.jpg”>
</TD>
</TR>
</TABLE> 
 

Код будет выглядеть так:

 <TABLE WIDTH="100%">
<TR>
<TD WIDTH="33%" HEIGHT="50">
<A HREF="index.html"><IMG SRC=”images/knopka_1.jpg”></A>
</TD>
<TD WIDTH="33%" HEIGHT="50">
<A HREF="work.html”> <IMG SRC=”images/knopka_2.jpg”></A>
</TD>
<TD WIDTH="33%" HEIGHT="50">
<A HREF="doctizeniya.html"><IMG SRC=”images/knopka_3.jpg”></A>
</TD>
</TR>
</TABLE> 
 

Как создать ссылку на изображение

Чтобы при нажатии на текст или картинку открывалось изображение, то при указании адреса документа нужно вписать название файла с этим изображением:

 <A HREF="images/picture.jpg">
Изображение здесь
</A> 
 

Когда нажмем на текст ИЗОБРАЖЕНИЕ ЗДЕСЬ откроется страница с картинкой.

Как открыть ссылку в новом документе

По умолчанию, при переходе по ссылке документ открывается в текущем окне. При необходимости, это условие может быть изменено параметром TARGET тэга А.

Если мы ходим, чтобы изображение из предыдущего примера открылось не в этом же окне браузера, а в новом, то следует применить атрибут TARGET и указать его параметр _blank.

 <A HREF="images/picture.jpg" TARGET=”_blank”>
Изображение здесь
</A> 
 

Добавить комментарий
  • Комментарии не найдены