HTML для начинающих
Изображения на страницы выводятся при помощи тега <img> (фоновые картинки не в счет).
Рассказывать о нем особо нечего - все сухо и просто, но есть некоторые нюансы.
Синтаксис:
<img src="путь к картинке" alt="описание картинки" title="текст появляющийся при наведении мыши">
Тег alt рекомендую заполнять всегда. Во первых он нужен для поисковых систем (помните вкладку у гугла "Картинки"?). Во вторых если у пользователя отключен показ картинок (что конечно очень сомнительно - времена медленного интернета давно прошли), то вместо картинки будет показан этот текст.
Ширину и высоту пожно задавать как и при помощи атрибутов width и height так и при помощи CSS. Их я так же рекомендую задавать в силу того что если картинки отключены, либо по каким-то причинам отсутствует сам файл картинки, то некоторые браузеры, в отсутствие заданной ширины и высоты, сжимают то место где должна была быть картника и соответственно сама страница уже отображается не так как было задумано.
По умолчанию тег img явялется блоковым и соответственно если сразу после картинки поместить текст, то он будет выведен снизу. А это не всегда удобно. При помощи CSS можно сделать расположение текста с любой стороны картинки. Научиться этому вы сможете во второй части видеоурока и поможет нам такое CSS свойство как float
