• Авторизация
Дневник Светлана_Ки Лента друзей - Дневник - Полная версия


Ссылки.... 11-02-2016 21:58 к комментариям - к полной версии - понравилось!


 

Как сделать ссылку на почту в html?

1

<a href="mailto:bloggood@rambler.ru">Написать письмо владельцу блога bloggood.ru</a>

Как сделать html ссылку на сайт?

1

<a href="http://bloggood.ru"> ссылка </a>

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

1

<a href="ваша страница.html" target="_blank">ссылка</a>

Благодаря атрибуту target ="_blank", страница будет открываться в новом окне.

Как сделать цвет ссылки в html?

1

2

3

<body link="#000080" alink="#FFA500" vlink="#FF1493">

<a href="2.html">ссылка</a>

</body>

- link - цвет просто ссылки
- alink - цвет нажатой ссылки
- vlink - цвет посещеной ссылки
 #000080; #FFA500; #FF1493;В - это кода цвета ссылок

Кодировку цветов вы можете посмотреть тут.

Как сделать подсказку ссылки?

При наведении курсора мышки на ссылку, появится подсказка:

1

2

3

<a href="http://bloggood.ru" title="Главная страница блога">

Главная

</a>

title="здесь подсказка ссылки".

Как сделать ссылку на файл?

Допустим, вам нужно скачать файл-архив «fail.zip».

1

2

3

<a href="fail.zip" target="_blank" title="скачать файл основы HTML">

Скачать

</a>

title="скачать файл основы HTML" - подсказка
target="_blank" - ссылка откроется в новом окне.

Закрепим материал, и все сказанное выше в примерах слепим в одно целое.

Пример:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Как вставить ссылку в html</title>

</head>

<body link="#000080" alink="#FFA500" vlink="#FF1493">

Вот <a href="2.html">ссылка</a> на страницу №2.

А это, ссылка на сайт <a href="http://bloggood.ru" target="_blank"> bloggood.ru </a> и она откроется в новом окне. Ну, а если навести курсор мышки на <a href="http://bloggood.ru" target="_blank" title="Привет!!! Как дела?"> эту ссылку </a>, тогда можно увидеть подсказку.

<br>

<a href="fail.zip" title="скачать файл">Скачать файл</a>

<br>

<br>

<a href="mailto:bloggood@rambler.ru">Написать письмо владельцу блога bloggood.ru</a>

</body>

</html>

[посмотреть пример]

Если что-то было не понятно или у вас возникли вопросы, пишите в комментариях. Отвечу быстро.

Переходим к следующему уроку  Как вставить ссылку-якорь в HTML

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Ссылки.... | Светлана_Ки - Дневник Светлана_Ки | Лента друзей Светлана_Ки / Полная версия Добавить в друзья Страницы: раньше»