Всем привет. Вот и снова продолжение цикла статей о html.

Наверное, Вы уже немало научились форматированию текста, теперь думаю, стоит заняться обучением работе с картинками в документе.

Итак, вот такой тег нужно использовать для вставки картинки:

<img src="image.jpg">

Здесь, главное подметить, все, что находится между кавычками, это путь к картинке. То есть код, что написан выше, будет искать картинку прямо в той же папке, где лежит он сам.

Это значит, что вы можете использовать такие теги :

<img src="http://ox2.ru/main.jpg">

или

<img src="../main.png">

(Если картинка лежит на директорию выше скрипта).

Также немаловажная вещь, то, что Вы сами можете задавать высоту и ширину картинке.

Делается это так:

<img src="myimg.png" width="300" height="100">

Здесь Вы вставляете картинку, которая находится в той же директории что и скрипт с шириной 300 и высотой в 100 пикселей. И последнее, что хотелось сказать, не стоит задавать высоту и ширину одновременно. Так как картинка потом будет неравномерно растянута, и некрасиво отображаться. Лучше задайте только ширину, а браузер сделает всю остальную работу за Вас.

Вот и все. Ведь совсем нетрудно вставлять картинки в документ, не правда ли? А вот польза от них очень большая.

Заполните все поля

Написать комментарий