Меню сайта
Категории раздела
Шапки [10]
Шаблоны [9]
Иконки групп [12]
HTML таблица [1]
Кнопки для форума [5]
Наш опрос
Оцените мой сайт


Архив
Результаты
Всего голосовало: 98
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Файлы » Система Ucoz » HTML таблица

В категории материалов: 1
Показано материалов: 1-1

Создание таблицы документа html

Для создания таблицы служит тэг <TABLE>. Как известно таблица состоит из строк, а строки, в свою очередь состоят из ячеек. Для определения строк служит тэг <TR>, для создания ячеек - <TH>, <TD>.

Тэг <TH> используется для создания ячеек с заголовками.

Тэг <TD> - для обыкновенных ячеек с данными.

Содержание ячеек заголовков отображается полужирным шрифтом и выравнивается по центру.

В чем же "прелесть" таблиц и почему они нашли такое широкое применение в сайтостроении? Дело в том, что, используя таблицы, можно сделать аккуратную компоновку информации в пределах Вэб-страницы, добиться точного расположения того или иного фрагмента страницы, будь то текст, графика или гиперссылка. Например, используя таблицу, можно легко добиться отображения текста в нескольких колонках, подобно газетной публикации.

Пример:

HTML-код:


<table border="1">
 <tr>
  <td>1</td>
  <td>2</td>
 </tr>
 <tr>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td>5</td>
  <td>6</td>
 </tr>
</table>

Отображение в браузере:


1 2
3 4
5 6
Обрамление таблицы документа html

Для того, чтобы сделать видимой границы таблицы, служит атрибут BORDER тэга <TABLE>.

Определяя рамку таблицы, надо указать толщину ее внешних линий в пикселях. Чтобы задать толщину разграничивающих линий внутри таблицы, необходимо воспользоваться атрибутом CELLSPACING.

По умолчанию браузер отображает рамку таблицы темно-серым цветом. Чтобы изменить цвет рамки надо применить атрибут BORDERCOLOR.

Пример:

HTML-код:


<table border="2" cellspacing="5" bordercolor="#0ff00f">
 <tr>
  <td>1</td>
  <td>2</td>
 </tr>
 <tr>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td>5</td>
  <td>6</td>
 </tr>
</table>

Отображение в браузере:


1 2
3 4
5 6
Заголовок таблицы документа html

Для создания заголовка таблицы служит тэг <CAPTION>.

По умолчанию браузер располагает заголовок таблицы по центру над ней. При помощи атрибута ALIGN со значением bottom можно разместить заголовок под таблицей.

Следует сказать, что стандарт HTML не позволяет ставить одной таблице несколько заголовков.

Пример:

HTML таблица | Просмотров: 210 | Загрузок: 0 | Добавил: admin | Дата: 19.05.2010 | Комментарии (0)

Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz


  • Rip by CS-Ufa.Net.Ru.
    Администрация не несёт ответственности за файлы на портале.
    Все материалы размещенные на сайте принадлежат их владельцам.
    Создать бесплатный сайт с uCoz