 | |  |
| |
Урок №7. Таблицы.
Итак. Нет время болтать попусту. Таблица - не самое простое, что есть в HTML.
Для начала тег таблицы - <TABLE></TABLE>. Но просто этот тег вам ничего не выдаст, у вас ни колонок ни ячеек.Сразу поясню, ячейки располагаются по горизонтали(слева - направо, справа - налево), колонки располагаются по вертикали(сверху - вниз). Итак колонки создаем тегом <TR></TR>, ячейки - <TD></TD>. Сразу хочу заметить, чтобы таблица была лучше видна, есть такой тег border, он отвечает за толщину стенок таблицы и пишется в теге <TABLE>. Для простой таблицы лучше придавать значение 1, но можно и больше. Привожу пример таблицы с одним окошком:
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE BORDER=1>
<TR><TD>Окошко</TD></TR>
</TABLE>
</BODY>
</HTML>
Обратите внимание, тег <TD> пишется между <TR>(их может быть несколько, тогда они будут писаться так<TR><TD></TD><TD></TD></TR>(ОДИНАКОВЫМ ЦВЕТОМ ВЫДЕЛЕН ОДИН ТЕГ))!!!
Привожу пример таблицы с несколькими ячейками и колонками:
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE border=5>
<TR>
<TD>1 один</TD>
<TD>2 два</TD>
<TD>3 три</TD>
<TD>4 четыре</TD>
</TR>
<TR>
<TD>5 пять</TD>
<TD>6 шесть</TD>
<TD>7 семь</TD>
<TD>8 восемь</TD>
</TR>
<TR>
<TD>9 девять</TD>
<TD>10 десять</TD>
<TD>11 одиннадцать</TD>
<TD>12 двенадцать</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Также таблице можно выравнять по левому или, по правому краю или по центру.
Чтобы выровнять таблицу по центру(этим тегоп по центру модно выровнять все) тег <TABLE></TABLE> пишем межде тегом <CENTER></CENTER>, выглядит это так:
<Center>
<TABLE></TABLE>
</Center>
Чтобы выровнять таблицу по левому(правому) краю в теге <TABLE> пишем align=left(align=right(для выравниванию по правому краю)). Выглядит это так:
<TABLE align=left border=1>
</TABLE>Тегом HEIGHT вы назначаете высоту таблицы в пикселях, а тегом WIDTH вы назначаете ширину таблицы в пикселях. Выглядит это так:
<TABLE HEIGHT=200 WIDTH=500 border=1>
</TABLE>
Файлы к уроку можно скачать здесь
|
| Категория: Уроки HTML | Добавил: Joker (09.01.2010)
|
| Просмотров: 1168 | Комментарии: 1
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] | |
 | |  |
|
| Наш опрос |
Оцените мой сайт
Всего ответов: 16
|
|
