|УРОК 14| - Выравнивание
Вступление

Давайте снова внесем в наш любимый vinnie.html кое-какие изменения:

<html>
 <body bgcolor=white text=black>
  <H4 align=right>Песенка Винни-Пуха</H4>
   <a href="index.html">
    <img align=left 
	 src="vinnie.jpg" alt="Винни-Пух" width=232 height=304 border=0>
   </a>
   <p align=center>
    <S>Если б мишки были пчелами</S><br>
    <B><I>То они бы нипочем</I></B><br>
    <BIG>Никогда бы не подумали</BIG><br>
    <SMALL><U>Так высоко строить дом</U></SMALL><br>
  </p>
  <p align=left><TT>Конец</TT></p>
 </body>
</html>

И получилось вот что:

Песенка Винни-Пуха

Необходимые пояснения

В Уроке 6 мы уже встречались с аттрибутом align, применяя его к тегу <p></p>. Напомню, что он применяется для выравнивания текста, и может принимать значения left (выравнивание по левому краю), right (выравнивание по правому краю), center (выравнивание по центру) и justify (выравнивание по обоим краям). Однако, как видно и примера, аттрибут align может использоваться не только в теге <p></p>. На самом деле, этот аттрибут можно применять ко многим тегам. В случаq c тегами, которые относятся к тексту, мы уже обсудили и здесь вроде бы все понятно.

Однако, в случае с внедренными объектами (в нашем случае - это <img>) аттрибут align, принимая значения left или right приведет к "прикреплению" объекта к левому или правому краю экрана. Если же присвоить аттрибуту align значения bottom, top или middle, то верх, середина или низ, соответственно, объект будет выровнен относительно текущей базовой линии (текстовой строки).

Сухой остаток

1.  Аттрибут align выравнивает текст.
2.  Аттрибут align прикрепляет объект к краям экрана или определяет его положение относительно текущей базовой линии.

Эксперименты

1.  Попробуйте прикрепить картинку к правому краю, а текст выровнять по левому краю.

 
  Загрузить пример   Предыдущий урок Содержание Следующий урок
Hosted by uCoz