Главная Карта сайта
Сайт за 5 мин.
Введение в HTML
Фон
Форматирование текста
Картинка на странице
Ссылки
Списки
Таблицы
Введение в CSS
Справочник HTML
Оптимизация сайта
Раскрутка сайта
Хостинг и домен
Как заработать
в интернете
Контакты

Ссылки.

Ссылки бывают на внутренние страницы сайта, на определённое место, той же страницы сайта (якорь), на сайты в интернете и на e-mail. Для создания ссылки используется тег <a> и парный ему </a>, текст, находящийся между этими тегами и будет ссылкой. Тег <a> имеет параметр href, который задаёт путь к необходимой нам странице или сайту (URL).

<a href="mysite.html">Мой сайт</a>

<a href=" http://GlorButterfly.narod.ru">Мой сайт</a>

Обратите внимание, что путь к сайту должен иметь начало http://, а не www.

Попробуем создать ссылку на другую страницу, допустим, это будет mysite.html (страница должна лежать в той же папке), имеющая следующий код:

<html>
<head>
<title>Мой сайт.</title>
</head>
<body>
Мой сайт.
</body>
</html>

А код нашей страницы index.html будет иметь вид:


<html>
<head>
<title>Моя страница.</title>
</head>
<body bgcolor="#CCCCCC" text="#0000FF">
Я сделал простейшую страницу.

<br>
<b>Текст будет жирным.</b><br>
<i>Текст будет наклонным (курсив).</i><br>
<u>Текст будет подчёркнутым.</u><br>

<font color="#FF0000"> Этот текст красного цвета. </font><br>
<font size="7">Размер шрифта равен 7.</font><br>
<font color="#FF0000" size="7"> Этот текст красного цвета и его размер равен 7. </font><br>

<hr>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
<p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>

<img src="GlorButterfly.jpg" width="280" heigth="200" alt="Бабочка" border="0">

<br>
<a href="mysite.html">Мой сайт</a>

</body>
</html>


Страница будет выглядеть так.

Чтобы задать ссылке нужный цвет, в теге <body> устанавливаем параметр link="#999999" – цвет ссылки, параметр vlink="#999999" – цвет посещённой ссылки, alink="#fff999" – цвет ссылки при наведении на неё курсора мыши.

Для того чтобы переходя по ссылке, страница открывалась в новом окне, в теге <a> используется параметр target со значением _blank.

<a href="mysite.html" target="_blank">Мой сайт</a>

В качестве ссылки можно также использовать картинку:

<a href="mysite.html"><img src="GlorButterfly.jpg" alt="Бабочка"
border="0">
</a>

Если вам необходимо сделать ссылку на файл, при условии что файл будет находиться там же, где находится Ваша страница:

<a href="morandi.mp3">Моя любимая песня</a>

<a href="avatar.txt">Текст фильма</a>

>>>ДАЛЕЕ

© 2010 GlorButterfly.narod.ru
Hosted by uCoz