|УРОК 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 выравнивает текст.
1. Попробуйте прикрепить картинку к правому краю, а текст выровнять по левому краю. |
||||||||||||||||||||||||||
|