HTML Обучающая система

Содержание О системе Авторы

Вставка графических изображений

Что бы вставить изображение в Web страницу необходимо воспользоваться тегом img у него есть несколько атрибутов:

src
месторасположение изображения (абсолютная или относительная ссылка).
width
Ширина изображения, задается для того чтобы при загрузки картинок не прыгала прокрутка страницы, а так же для масщтабирования.
hegiht
Высота изображения, аналогично width.
alt
Текст который будет отображаться если картинка по каким либо причинам не загрузилась (например при отключенной графике у пользователя).

Обтекание картинки можно задать с помощью свойства float атрибута style задавая значения left или right для обтекания справа и слева соответственно.

Листинг 5 — вставка картинок и обтекание их текстом

<p>
	<img src="./images/image.png" width="120" height="120" alt="мозговой слизь" style="float: left">
	<strong>Lorem ipsum dolor sit amet</strong>, consectetur adipisicing 
	elit, sed do eiusmod tempor <big>incididunt<small> ut labore et 
	dolore magna aliqua. Ut enim ad minim veniam, quis 
	nostrud <strike>exercitation</strike> ullamco laboris nisi <em>ut aliquip</em>
	ex ea commodo <small>consequat</small>.
</p>
Пример из листинга №5

Задание 3

Создайте страницу с двумя картинками обтекаемые по левому и правому краю текстом.

© Jeck labs