Картинки
Итак, вы уже умеете писать текст в HTML и редактировать его. Но один лишь текст - это слишком скучно.
Давайте теперь разберёмся, как распологать на Web-странице картинки. Тег, который нам в этом поможет - <img>.
Но прежде чем, пытаться вставлять картинки, надо разобрать атрибуты данного тега.
| атрибут | описание |
|---|---|
src="путь" |
Указание расположения картинки |
width="количество пикселей или %" |
Указание ширины в пикселях(px) или % |
height="количество пикселей или %" |
Указание высоты в пикселях(px) или % |
alt="текст" |
Указание альтернативного текста |
Первые три атрибута являются обязательными, а четвёртый является необязательным. Итак, рассмотрим пример:
<!doctype HTML>
<html>
<head>
<title>
Картинки
</title>
</head>
<body>
<img src="img/img-6-1.jpg" width="700px" alt="цветующая сакура">
</body>
</html>
Как можно увидеть, все данные атрибуты вставляются в один тег, причём закрывающего тега нет. Он здесь не используется.
Также, данный тег разумеется должен быть вставлен в блок <body>, а также он может использоваться в других тегах.
Важно: картинка должна быть в том же каталоге, что код страницы. Можно использовать подкаталоги, он он также должен распологаться в том же каталоге.
>> Следующая часть >>