Выравнивание изображения на Web странице

Выравнивание изображения на Web странице.

Все Web браузеры выравнивают рисунки Web страницы по нижнему краю текста.

Для того чтобы изменить такое расположение графики относительно текста, необходимо воспользоваться значением атрибута align.

Значение атрибута align с вертикальным положением фрагмента относительно графического изображения.

  • Применение атрибута align со значением top приводит к тому , что текст выравнивается по верхней границе изображения.
  • Применение атрибута align со значением bottom приводит к тому, что текст выравнивается по нижней границе изображения.
  • Применение атрибута align со значением middle  приводит к тому,что текст выравнивается по средней линии изображения.

Ещё два атрибута align задают горизонтальное положение текста относительно графики:

  • left-изображение размещается на Web странице слева от текста
  • right-изображение размещается справа от текста.

Например:

<p><img src=»rom.jpg» align=»top»> текст выровнен по верхней границе графического изображения</p>

<p><img src=»rom.jpg» align=»middle»> текст выровнен по середине графического изображения</p>

<p><img src=»rom.jpg» align=»right»> данный текст находится слева от  графического изображения</p>

Атрибуты которые указывают отступы изображения от текста.

  • hspace -отступ от изображения до текста по горизонтали
  • vspace — отступ от изображения до текста по вертикали

Например:

<p>

<img src=»foto.jpg» align=»left» hcpace=»20″ alt=»Подсказка»>

</p>

<p>

<img src=»foto.jpg» align=»left» vspace=»20″ alt=»Подсказка»>

</p>

 

Фотосъёмка

Свадеб
Love-story

Ведение бухгалтерского
учета

Бухгалтерский учёт

Сайт о еде.

Основы питания
Основы здоровой пищи.

 

Сайт о еде.

Основы питания
Основы здоровой пищи.

Подготовим документы
из судебного дела

Ознакомление дел в суде

Ведение бухгалтерского
учета

Бухгалтерский учёт

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *