Ссылки и картинки в html

href

Для начала потребуется знать URL-адрес картинки или страницы, на которую ссылаемся в тексте. Узнать его можно только уже имея домен, так как частью адреса будет являться доменное имя. Нужно отметить, что URL-адрес должен быть написан строчными буквами, о чём нередко забывают начинающие веб-мастера.

Путь к файлу можно прописывать двумя методами:

1. Перечисляем полный путь через http://. В этом случае выводится название каждой папки через слеш (/), в конце ставится название документа.

2. Если документ находится в той же папке, что и просматриваемая страница, то достаточно указать только название файла.

Как поставить ссылку

Она создаётся так:

<a title="Название документа" href=" http://site/nazvanie.html" target="_self">Ссылка на страницу</a>

Тег – это и есть ссылка, внутрь этого тега вставляется слово, которое должно стать ссылкой.

Атрибут «target» задаёт способ открытия ссылки, у этого элемента есть несколько значений:

— «_self» – в этом же окне

— «_new» – в новом окне, но часто это значение открывает страницу в новой вкладке

— «_blank» – в новой вкладке

В атрибуте «href» размещаем адрес с названием документа, в нашем случае это «http://site/nazvanie.html».

В атрибуте «title» помещается название ссылки, которое отображается в рамочке при наведении курсора.

Помимо вышеперечисленных стандартных элементов можно использовать атрибуты для изменения цветовых параметров:

— «link=»…»» – цвет не посещенной ссылки;

— «vlink=»…»» – оттенок посещённой;

— «alink=»…»» – окрас в момент нажатия.

Как вставлять картинки

Картинки вставляются так:

<img src="image01.jpeg" alt="Картинка 01" width="100" height="50" />

Слово «img» означает, что тут будет вставлена картинка.

Атрибут «src» поясняет путь к картинке, в нашем случае отмечено только название, так как подразумевается, что изображение будет располагаться в той же папке, что и страница.

Элемент «alt» нужен для поисковых роботов, в него вставляются ключевые слова, по которым данное изображение выдаётся в браузере при соответствующем запросе.

Атрибут «width» устанавливает ширину картинки, а «height» – высоту. При отсутствии данных пояснений для браузера изображение будет принимать размеры исходного файла.