Основы сайтостроительства, дизайна, графики, html (хтмл)

Уникальный учебник. Создайте свою домашнюю страничку своими руками и без html редакторов

Учебник по Html

 Главная
 Вступление
 Словарь
 Оглавление
 Учебник


Советы

 Начинающему
     сайтостроителю

Интересные проекты

 Создание сайта
 Раскрутка сайта

Главная / Html / Учебник по Html. Ступенька 23-ая.

Учебник по Html для чайников. Таблицы.

Ступенька 23-ая.


В предыдущих главах мы научились создавать таблицы на конкретном примере, а в этой главе я хотела разом вывалить все оставшиеся возможности и атрибуты на ваши головы, но потом решила, что раз уж я пишу подробный учебник, то надо быть стойкой до конца:).

Вернемся к нашему примеру, и поговорим о вертикальном выравнивании содержимого таблицы, т.е. о том, как можно сделать так, чтобы содержимое ячейки не только располагалось ровно посередине ее (как по умолчанию), а еще вверху или внизу. Вертикальное выравнивание задается следующим атрибутом - valign="middle" (top, bottom) - содержимое конкретной ячейки будет находится в середине ячейки (наверху или внизу):



Вот вам и наглядный пример, как это выглядит. А теперь разберемся, как это пишется:



     
<table>
<tr>
<td height="35" width="50" bgcolor="#FFCC33" valign="top"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699"> <center>1x2</center> </td>
<td width="50" bgcolor="#FFCC33" valign="bottom"> <center>1x3</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699" valign="bottom"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
<td width="50" bgcolor="#336699" valign="top"> <center>2x3</center> </td>
</tr>
</table>


Я прописала valign не для всех ячеек, только для тех, где я захотела чтобы текст располагался сверху или снизу, чтобы зря не тратить время и усилия. Существование атрибута valign значительно облегчает нашу с вами жизнь, страшно даже подумать, как пришлось бы мучиться, если бы его не было:).

А теперь, когда мы знаем, что align, задает горизонтальное выравнивание содержимого ячейки, а valign – вертикальное, перейдем к следующей ступеньке, чтобы узнать о других атрибутах, облегчающих нашу трудную жизнь.



<<< Ступенька 22-ая: Назад | Далее: Ступенька 24-ая >>>

Copyright © 2008  book-html при копировании любых материалов, ссылка на сайт обязательна!

Поиск




Ленты новостей:

 iXBT.com
 Новости Компьюлента
 SecurityLab.ru
 Газета.Ru
 www.AIF.ru



Проститутки Москвы и Питера


  Поиск работы и подбор персонала в Москве, регионах и за рубежом ABC - партнерская программа  CD/DVD диски от лучших производителей   Торговая площадка Если хотите что-то продать или купить. Вам сюда.  Тесты - проверь себя и близких.

Сайт создан в системе uCoz