Создание таблиц в HTML
Таблицы в HTML
Простейшие таблицы
Начнем с основных тегов и их параметров, этих тегов будет достаточно для создания несложных таблиц.
• Таблица открывается тегом <table>. Внутри этого тега располагается описание содержимого таблицы.
• Каждая строка начинается тегом <tr> и завершается тегом </tr>.
• Ячейка в строке обозначается тегом <td> и завершается тегом </td>.
• Количество строк в таблице определяется числом открывающихся тегов <tr>, а количество столбцов – максимальным количеством <td> среди всех строк.
Задание:
Выполните следующий пример по созданию простейшей таблицы.
HTML – код страницы Отображаемая таблица на странице
<html>
<head>
<title> Работа с таблицами </title>
</head>
<body>
<table border="2">
<tr>
<td>ячейка 1 строка 1</td>
<td>ячейка 2 строка 1</td>
</tr>
<tr>
<td>ячейка 1 строка 2</td>
<td>ячейка 2 строка 2</td>
</tr>
</table>
</body>
</html>
Параметры тега <table>
• border – толщина рамки таблицы.
Задание:
Выполним изменения на созданной странице.
Установите <table border=”0”> - рамки на странице видно не будет.
Установите <table border=”2”>
• bordercolor – цвет рамки таблицы
Задание:
Выполним изменения на созданной странице.
Установите <table border=”2” bordercolor=”blue”> - рамки на странице отображаются синим цветом.
• cellspacing – определяет расстояние между смежными ячейками.
Установите <table border=”2” cellspacing=”0”> - рамки соседних ячеек сольются, и не будет видно границы между ячейками.
• cellpadding – размер отступа между рамкой ячейки и данными внутри ячейки.
Установите <table border=”2” cellpadding=”17”> - текст будет отстоять от всех рамок на 17 пикселей.
• width, height – ширина и высота таблицы.
Установите <table border=”2” width=”400” height=”20”> - ширина таблицы – 400 пикселей, высота – 20.
• bgcolor – фоновый цвет таблицы.
Установите <table border=”2” bgcolor=”ff0000”> - фоновый цвет красный.
Автор: Дроздова Анна