Создание сайта
Регистрация
Продвижение
Монетизация
Облако тегов

Требуется для просмотраFlash Player 9 или выше.

Показать все теги

Главная » Вы еще не знаете, как создать таблицу в HTML?

Вы еще не знаете, как создать таблицу в HTML?
Раздел: ---  
19 июля 2013   |   автор: admin Оставить комментарий



Бывает. Даже опытные вебмастера забывают теги HTML, ведь на помощь им приходят визуальные редакторы различных движков (Вордпресс, Джумла, Друпал и др). Но иногда и им приходится открыть блокнот и набросать простой код на HTML. Поэтому я решил напомнить, как это можно сделать.

 

Таблицу создать очень просто, вот схема:

 

 

<table>

<tr>

<td>...</td>

</tr>

</table>

 

 

 

где, тег <table> - открывает таблицу, а тег </table> - закрывает ее.

<tr></tr> - внутри этих тегов размещаем строки теблицы;

<td>...</td> - ячейка таблицы, здесь находится основное содержимое.

 

 

У данных тегов могут быть атрибуты (изменяют внешний вид таблицы):

 

Align- задает выравнивание тадблицы (по ширине, по левому, правому краю, по центру).

Background — определяет фоновый рисунок в таблице.

Bgcolor- атрибут цвета фона таблицы.

Border — задает толщину рамки таблицы.

Bordercolor — определяет цвет рамки таблицы.

Cellpadding — позволяет выставить отступ от рамки до содержимого ячейки.

Cellspacing- расстояние между ячейками.

Cols - количество колонок в таблице.

Frame- сообщает браузеру, как отображать границы вокруг таблицы.

Height — задает высоту таблицы.

Rules - сообщает браузеру, где отображать границы между ячейками.

Summary — это краткое описание таблицы.

Width — задает ширину таблицы.

 

Можно долго описывать. где и как данные атрибуты стоит употреблять, но ваш конкретный случай, смею я предположить, требует индивидуального подхода. Поэтому, для идеального отображения вашей таблицы советую просто "поиграть" с настройками.

 

И не забывайте проверять отображение результата в различных браузерах с различных мониторов. Иногда оно может существенно отличаться, чем особенно страдает Internet Exploer.

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
web-lesson.ru
Добавление комментария
Ваше Имя:
Ваш E-Mail:
Код:
Введите код