Webzone Публикации HTML & CSS HTML - Картинки

HTML - Картинки

17:49 , 12 Август 2019
HTML - Картинки

Изображения — лучшее украшение веб-документа. Благодаря изображениям мы можем улучшить вид сайта, сделать его ярче, интереснее и удобнее для пользователей. Под изображениями подразумевают значки, рисунки, фотографии и карты изображений, занимающие часть окна браузера.

Давайте теперь разберемся с тем, как разместить изображение на странице вашего сайта. Для этого предназначен тег <img>, имеющий обязательный атрибут src, в котором хранится путь к файлу картинки.


Пример:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Это заголовок тайтл</title>
	</head>
	<body>
		<img src="logo.png">
	</body>
</html>

Результат:

Webzone



Ссылки в виде картинок

Ссылкой может быть не только текст, но и картинка - для этого достаточно тег <img> вложить в тег <a>, как это сделано в следующем примере. Нажмите на картинку - и вы перейдете по ссылке на сайт webzone.kz:


Пример:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Это заголовок тайтл</title>
	</head>
	<body>
		<a target="_blank"  href="https://webzone.kz"><img src="logo.png"></a>
	</body>
</html>

Результат:

Webzone




Вопросы / Комментарии / Отзывы