Размещение ссылок и изображений в html документах
Размещение ссылок в HTML документах
Гиперссылки в HTML документе создаются с помощью парного тега <a></a>. Внутри этого тега пишется название ссылки. В обязательном атрибуте href указывается путь к документу, на который указывает наша ссылка.
<a href="Адрес страницы" >Название ссылки</a>
Атрибуты тега для ссылки в HTML странице
Атрибут target указывает, где будет открыта страница, на которую указывает ссылка.
target = "_blank" открывает страницу в новом окне
target = "_self" открываем страницу в текущем окне
Пример HTML документа с ссылкой
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример</title>
</head>
<body>
<a href="ACER.html" target="_blank">Название ссылки</a>
</body>
Размещение изображения в HTML документах
Для изображений сайта как правило создается папка images в папке сайта. В эту папку загружаются файлы изображений сайта. Изображения добавляются на веб страницу с помощью тега <img> С помощью изображений можно отобразить логотип на веб странице, разместить фотографии в веб документе, сделать HTML документ более наглядным. Чтобы разместить изображение на веб странице, нужно в теге <img> в атрибуте src указать путь к графическому файлу, а в атрибуте alt указать описание изображения. Описание изображения в html документах необходимо для лучшей индексации поисковыми системами
<img src="image.png" alt="Пример кода">
Атрибуты изображений HTML документа
Атрибут width указывает ширину изображения. Он может быть задан как в процентах, так и в точках.
Атрибут height указывает высоту изображения.
Чтобы изображение в веб странице было активной ссылкой и можно было на него "нажать", необходимо внутри тега <a> указать тег <img>
<a href="Адрес ссылки " target="_blank"><img src="Адрес изображения" alt="Описание"></a>
Для выравнивания текста рядом с картинкой в веб странице используется атрибут align
align="top" выравнивает текст по верху изображения.
align="bottom" выравнивает текст по низу.
align="middle" выравнивает текст по центру.
Пример размещения изображения в HTML документе. В этой html странице размещается изображение icon, оно хранится в папке images. Изображение является и активной ссылкой на страницу курса по паскалю
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>acer</title>
</head>
<body>
<h1>Курс по Паскалю</h1>
<p><a href="http://itrobo.ru/programmirovanie/kurs-po-paskal.html"><img src="images/icon.jpg" width="200" height="200" alt="pascal" ></a></p>
</body>
</html>
В итоге получится веб страница с активной ссылкой изображением
Вернуться к курсу html ^ Перейти к следующей теме таблицы в html документах >>
Полезно : Регистрация домена и размещение сайта на хостинге
Поделиться
Нет комментариев. Ваш будет первым!