double arrow

Пример 5. Вставка изображения в документ

2

<html>

<body>

<img src="http://www.htmlbook/images/sample.gif"> - это абсолютный адрес размещения изображения

<img src="/images/sample.gif"> - адрес размещения изображения относительно корня сайта

<img src="images/sample.gif"> - адрес размещения изображения относительно текущего HTML-документа

</body>

</html>

Выравнивание изображений

Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега IMG. В таблице перечислены возможные значение этого параметра и результат его использования.

Наиболее популярные параметры – left и right, создающие обтекание текста вокруг изображения. Чтобы текст не прилегал плотно к рисунку, рекомендуется в теге IMG добавить параметр hspace и vspace, задающих расстояние до текста в пикселах.

Пример 6. Обтекание текста вокруг рисунка

<html>

<body>

<img src="HLPBELL.GIF" height=50 hspace=10 vspace=10 align=left >Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</body>

</html>



Задание 1.

Оформите текст, как показано ниже:

 

А. С. Пушкин

 

  Унылая пора! Очей очарованье!

 Приятна мне твоя прощальная краса —

Люблю я пышное природы увяданье,

В багрец и в золото одетые леса,

 В их сенях ветра шум и свежее дыханье,

 И мглой волнистою покрыты небеса,

И редкий солнца луч, и первые морозы,

И отдаленные седой зимы угрозы.

Задание 2.

Выровняйте рисунки и текст так, как показано ниже:

 

Этот рисунок находится слева и

текст выравнивается по левой гра-

нице. Эффект достигается без таб-

лицы

 

 

Этот рисунок находится слева и

текст выравнивается по центру. Эф-

фект достигается без таблицы

 

 

 

Этот рисунок находится спра-

ва и текст выравнивается по правой

границе. Эффект достигается без

таблицы

 

 


Индивидуальные задания.

Создать страницу «Текст». Поместить на неё приведенный ниже текст и оформить его с учетом варианта. Автора указать как адрес.

Венценосный журавль

В Европе и Азии венценосные журавли не встречаются. Они живут и выводят птенцов только в Африке. Они очень ярки и красивы. У них пышный хохолок из ярких перьев на голове и яркий подбородок.

Вблизи рек и озер охотятся журавли на саранчу. Они сильно шлепают по земле ногами, поднимают из травы насекомых и ловко хватают их. Едят они и других насекомых, которые живут в Африке.

Журавли никогда не садятся на деревья и гнезд на них не вьют. А вот венценосные журавли любят гнездиться на деревьях, посидеть на них, посмотреть с высоты, что делается кругом.

По И. Акимушкину.

 

Вариант

Заголовок

Выравнивание

Абзац

первый второй третий
1 Второго уровня По левому краю По центру Справа По центру
2 Третьего уровня По центру Справа Справа Слева
3 Первого уровня По правому краю По центру Слева Слева
4 Первого уровня По левому краю Справа По центру По центру
5 Третьего уровня По правому краю По центру Слева Справа
6 Первого уровня По центру Слева Справа Справа
7 Второго уровня По правому краю Справа Слева Слева
8 Второго уровня По центру Слева По центру По центру
  Второго уровня По центру Слева По центру Слева
  Третьего уровня По левому краю Слева По центру По центру

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  


2

Сейчас читают про: