|
использование таблиц не только помогает разметить страницу но и
может ее украсить
|
|
Создание линий при помощи таблиц.
Довольно часто на странице необходимо провести горизонтальную
или вертикальную линию. Использование элемента <Hr>
не всегда оправданно и не во всех браузерах отображается
коректно. К примеру если окрасить <Hr color="red">
- горизонтальную линию, то IE (Internet Explorer) покажет
нам красную линию. Браузеры Opera, Netscape и Mozila покажут
нам обычную, объемную горизонтальную линию, так если бы
мы не окрасили бы ее. Иногда необходимо чтобы на странице
присутствовала и вертикальная линия. Специальных элементов
для этого в HTML нет (во всяком случае мне они не известны!).
В качестве вертикальной линии часто используют изображение.
Но это не очень удобно.
Так как быть в случаях, когда необходимо
чтобы линии одинаково смотрелись во всех основных браузерах? |
|
| В этом нам помогут таблицы. Выше в этом тексте Вы можете
видеть горизонтальную линию - результат работы HTML кода
таблицы. |
Ниже показаны несколько таблиц в которых ячейки и строки разделены
горизонтальными и вертикальными линиями. Все эти линии создани
при помощи таблиц. |
|
* * * * *
|
Фирма
|
|
Телефон |
Город |
Директор |
|
|
"Азия"
|
|
+371 2124548 |
Ташкент |
Азимов |
|
"Aysell"
|
+1090536 2567412 |
Istanbul |
Shenol Ertan |
|
"Буран"
|
+095 7777777 |
Москва |
Иванов |
Смотреть HTML
код таблицы
|
|
* * * * *
|
Фирма
|
|
Телефон |
|
Город |
|
Директор |
|
|
|
|
|
"Азия"
|
+371 2124548 |
Ташкент |
Азимов |
|
"Aysell"
|
+1090536 2567412 |
Istanbul |
Shenol Ertan |
|
"Буран"
|
+095 7777777 |
Москва |
Иванов |
Смотреть HTML
код таблицы
|
|
* * * * *
|
Фирма
|
Телефон |
Город |
Директор |
|
|
"Азия"
|
+371 2124548 |
Ташкент |
Азимов |
|
|
"Aysell"
|
+1090536 2567412 |
Istanbul |
Shenol Ertan |
|
|
"Буран"
|
+095 7777777 |
Москва |
Иванов |
|
Смотреть HTML
код таблицы
|
| Посмотрите, что можно сделать исползуя таблицы. |
|
* * * * *
| |
|
|
|
|
|
|
|
| |
|
|
| Каждый рефлексирующий субъект обладает набором знаний
и имеет позитивные возможности оказания влияния на информационное
поле для взаимодействия с субъектами виртуального мира,
но в то же время наделен плюралистическим мировоззрением,
позволяющим ему при необходимости достижения или сохранения
собственных материальных благ пренебрегать законами логики
и здравого смысла. Каждый из рефлексирующих субъектов
виртуального мира может находиться в двух основных состояниях:
стационарном и мобильном, при котором он или сводит передвижение
в трехмерном Евклидовом пространстве с декартовой системой
координат к абстрактному минимуму, или ограничивается
формальным перемещением массы в некоторой части пространственного
континуума. |
| |
|
|
| |
|
Смотреть HTML
код таблицы
|
| Очень часто необходимо выделить какой нибудь отрывок
из общего текста. Есть много способов. Вот один из них, где
тоже применена таблица. |
|
* * * * *
| |
|
|
|
| Каждый рефлексирующий субъект обладает набором знаний
и имеет позитивные возможности оказания влияния на информационное
поле для взаимодействия с субъектами виртуального мира,
но в то же время наделен плюралистическим мировоззрением,
позволяющим ему при необходимости достижения или сохранения
собственных материальных благ пренебрегать законами логики
и здравого смысла. Каждый из рефлексирующих субъектов
виртуального мира может находиться в двух основных состояниях:
стационарном и мобильном, при котором он или сводит передвижение
в трехмерном Евклидовом пространстве с декартовой системой
координат к абстрактному минимуму, или ограничивается
формальным перемещением массы в некоторой части пространственного
континуума. |
|
Смотреть HTML
код таблицы
|
Это только малая часть того, что можно сделать используя таблицы.
Хочу сказать что многое, если не все из приведенного выше можно
сделать используя CSS. О том как с использованием CSS сделать
все то же самое мы поговорим в другом совете. |
|
