| Главная » Статьи » HTML » Таблицы |
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений. Для добавления таблицы на веб-страницу используется тег-контейнер <TABLE>. Таблица должна содержать хотя бы одну строку и колонку (пример 1). Пример 1. Создание таблицы  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Таблица</title> </head> <body> <table> <tr> <td>Содержимое таблицы</td> </tr> </table> </body> </html> Для добавления строк используется тег <TR>. Чтобы разделить строки на колонки применяются теги <TD> и <TH> (пример 2). Разница между этими тегами следующая. Тег <TH> предназначен для создания заголовков, содержимое такой ячейки обозначается жирным начертанием и выравнивается по центру (пример 2). В остальном, действуют эти теги одинаково. Пример 2. Ячейки таблицы <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Таблица</title> </head> <body> <table border="1"> <tr> <th>Ячейка 1</th> <td>Ячейка 2</td> </tr> <tr> <th>Ячейка 3</th> <td>Ячейка 4</td> </tr> </table> </body> </html> Ниже показано расположение ячеек таблицы.
Рис. 1. Вид таблицы Особенности таблицУ каждого параметра таблицы есть свое значение установленное по умолчанию. Это означает, что если какой-то атрибут пропущен, то неявно он все равно присутствует, причем с некоторым значением. Из-за чего вид таблицы может оказаться совсем другим, нежели предполагал разработчик. Чтобы понимать, что можно ожидать от таблиц, следует знать их явные и неявные особенности, которые перечислены далее.
| |
| Просмотров: 747 | |
| Всего комментариев: 0 | |