|
Ссылка html. Как сделать ссылку html. Ссылки в Dreamweaver
|
<a href="http://www.sozdaysait.com">Это
ссылка на SOZDAYSAIT.COM </a> |
Как вы поняли это ссылка html .
В браузере она будет выглядеть примерно так:
Это
ссылка на SOZDAYSAIT.COM
Тут все просто! один элемент а (anchor/якорь
) как бы начинающий ссылку html , и один атрибут
href , указывающий место, на которое вы
перейдете, нажав на эту самую ссылку html.
Если надо сделать ссылку на страницу
своего сайта?
Допустим у вас всего 2 страницы page1.htm и page2.htm ,
которые лежат в одной папочке. В данном случае ссылка
html со страницы page2.htm на страницу page1.htm будет
выглядеть примерно так:
|
<a href="page1.htm">Это
ссылка на page1</a> |
Если к примеру page1 помещена в подпапку sozdaysait, то
ссылка html будет выглядеть так:
|
<a href="sozdaysait/page1.htm">Это
ссылка на page1</a> |
Если надо сделать ссылку html с одной части страницы
на другую?
Для этого используют атрибут id и символ "#".
В начале замаскируйте элементы, на которые будете ссылаться,
к примеру заголовки.
|
<h3 id="heading3">Заголовок
</h3> |
Теперь добавляем знак "#" в атрибуте ссылки html
и получаем ссылку на заголовок:
|
<a href="#heading3"> Ссылка
на заголовок </a> |
3 способа сделать ссылку в программе Macromedia
Dreamweaver
1. Просто выделить часть текста который хотите
сделать ссылкой, клацнуть правой кнопкой мыши и в выпадающем
окне выбрать Make Link:
И открывшемся окне выбрать файл на который
вы хотите ссылаться, в данном случае emali.htm
2. Выделить текст, который хотите сделать
ссылкой, и просто в поле link указать полный url документа
, на который будете ссылаться:
3. Самый удобный способ при
перелинковке большого количества страниц. Выделяем текст
ссылки, далее наводим на значок цели (на рисунке выделенный
красным) и удерживая левую кнопку мыши просто наводим на
нужную страницу в нашем сайте:
Здесь как вы поняли изображена
эта самая стрелочка, которая исходит из цели, примерно так
должно получиться и у вас:
В общем ссылка html это довольно
просто! Особенно если у вас под рукой Dreamweaver!
|
