Главная » HTML » html ссылки
    РейтингРейтингРейтингРейтингРейтинг

html ссылки

Тут Вы научитесь создавать все возможные виды ссылок.

Содержание:

  • § 1. Вставка ссылки
  • § 2. Изображение как ссылка
  • § 3. Открытие ссылки в новом окне браузера
  • § 4. Переход в другое место (в открытом документе) 
  • § 5. Отмена фреймов
  • § 6. Ссылка на отправку почты№1 (mailto)
  • § 7. Ссылка на почту№2

§ 1. Вставка ссылки

Код вашей страницы

<html>
<body>

<p>
<a href="examples_main.html">
Этот текст</a> является ссылкой на примеры html.
</p>

<p>
<a href="http://www.youtube.com/">
А этот текст</a> приведет вас на известный видеохостинг Youtube.
</p>

</body>
</html>

Результат в окне браузера

Этот текст является ссылкой на примеры html.

А этот текст приведет вас на известный видеохостинг Youtube.


§ 2. Изображение как ссылка

Код вашей страницы

<html>
<body>
<p>
Вы можете сделать изображение ссылкой:
<a href="http://www.skype.com/intl/ru/">
<img border="0" src="skype.jpeg" width="65" height="38">
</a>
</p>

</body>
</html>

Результат в окне браузера

Вы можете сделать изображение ссылкой: 


§ 3. Открытие ссылки в новом окне браузера

Код вашей страницы

<html>
<body>

<a href="examples_main.html" target="_blank">К примерам html</a>

<p>
Если вы укажете атрибуту target значение "_blank", ссылка откроется в новом окне браузера.
</p>

</body>
</html>

Результат в окне браузера

К примерам html

Если вы укажете атрибуту target значение "_blank", ссылка откроется в новом окне браузера.


§ 4. Переход в другое место (в открытом документе)

Код вашей страницы

<html>
<body>

<p>
<a href="#C4">Посмотрите также Главу 4.</a>
</p>

<h4>Глава 1</h4>
<p>В этой главе рассказывается о...</p>

<h4>Глава 2</h4>
<p>В этой главе рассказывается о...</p>

<h4>Глава 3</h4>
<p>В этой главе рассказывается о...</p>

<h4><a name="C4">Глава 4</a></h4>
<p>В этой главе рассказывается о...</p>

<h4>Глава 5</h4>
<p>В этой главе рассказывается о...</p>

<h4>Глава 6</h4>
<p>В этой главе рассказывается о...</p>

</body>
</html>

Результат в окне браузера

Посмотрите также Главу 4.

Глава 1

В этой главе рассказывается о...

Глава 2

В этой главе рассказывается о...

Глава 3

В этой главе рассказывается о...

Глава 4

В этой главе рассказывается о...

Глава 5

В этой главе рассказывается о...

Глава 6

В этой главе рассказывается о...


§ 5. Отмена фреймов

Код вашей страницы

Результат в окне браузера

§ 6. Ссылка на отправку почты№1 (mailto)

Код вашей страницы

Результат в окне браузера

§ 7.  Ссылка на почту№2

Код вашей страницы

Результат в окне браузера

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!