Вначале мы рассмотрим атрибуты, которые присущи тегам <table></table>. Для того, чтобы видеть как будет меняться наша таблица, вы можете добавлять эти атрибуты к тегам <table></table> и, обновляя страницу, смотреть как будет выглядеть таблица в браузере. Для удобства я не буду приводить весь код страницы, а только код касающийся тега <table> т. е. то что мы будем изменять.
Как вы видите, наша таблица еще совсем не похожа на таблицу. Все это потому, что наши теги <table></table> и <td></td> имеют множество атрибутов, которые необходимо указать, чтобы у нашей таблицы появилась рамка, фон, размеры и т. д.
У вас должно получиться следующее:
<td>4 - ячейка</td>
<td>3 - ячейка</td>
<td>2 - ячейка</td>
<td>1 - ячейка </td>
<head> <title>Таблица</title>
Для того чтобы, увидеть что из этого получится, создайте html страницу используя код расположенный ниже. Если не знаете как создать HTML страницу, смотрите урок .
<td>4 - ячейка</td>
<td>3 - ячейка</td>
<td>2 - ячейка</td>
<td>1 - ячейка </td>
Для того, чтобы посмотреть как все работает на практике, создадим таблицу, состоящую из двух строк и четырех ячеек. Код нашей таблицы будет следующий:
За создание таблиц в HTML отвечает тег <table> и закрывающий тег </table>. Но вам наверняка уже известно, что таблицы состоят из строчек и ячеек. Поэтому для того, чтобы создать таблицу, нам необходимы еще два тега: это тег <tr></tr> который отвечает за создание строк, и тег, <td></td> отвечающий за создание ячеек.
Материалы по теме:
При создании веб страниц очень часто необходимо представить некоторое содержимое страницы в виде таблиц. Иногда таблицы используют для создания структуры страницы. Этот подход не совсем верный, потому что таблицы изначально не предназначались для позиционирования элементов страницы. Для этой цели лучше всего пользоваться средствами CSS. Но в некоторых случаях таблицы являются незаменимыми и удобными для предоставления информации.
Создание таблиц в html - фон таблицы - рамка таблицы - объединение ячеек
Проект для веб-мастеров и тех, кто хочет ими стать!
Создание таблиц в html - фон таблицы - рамка таблицы - объединение ячеек
Комментариев нет:
Отправить комментарий