Часто, бывает нужно вставить картинку в текст. Но работает это не всегда так, как мы это задумывали. Попробуем вставить картинку без стилей и посмотрим, что получится. Код примера предельно прост: А вот что получилось: Как видите, картинка стала частью первой строки текста. Нам редко нужно, чтобы поведение было именно таким. Чаще нам необходимо сделать так, чтобы картинка обтекалась текстом. Для этого существует свойство float. Добавим к нашему примеру float: left и посмотрим, что получится А получилось у нас следующее: Здесь мы видим, что картинка стала обтекаться текстом...

Ни один серьезный сайт не может обойтись без визуального контента, потому что иногда лучше один раз увидеть, чем сто раз услышать. Вам следует запомнить что просто так добавлять картинки на сайт нельзя. Они должны быть: Избегайте копирайта! Все используемые картинки должны быть либо Вашими, либо взяты с фотостоков. В противном случае Вы рискуете нарваться на неприятности. Переходим к практическому занятию. В корневой папке Вашего сайта создаем подпапку images, в которую мы будем помещать все изображения для сайта...