Таблицы в HTML. Продолжение.

На этом уроке мы расширим свои знания о таблицах. И разберём ещё несколько атрибутов.

cellpadding - расстояние между рамкой ячейки и её содержимым в пикселях.

<table border="1" cellpadding="10">
<tr>
<td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td>
</tr>
<tr>
<td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td>
</tr>
</table>

В итоге:

cellspacing - расстояние между границами ячеек в пикселях.

<table border="1" cellspacing="10">
<tr>
<td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td>
</tr>
<tr>
<td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td>
</tr>
</table>

В итоге:

width - ширина HTML таблицы. Значение либо в пикселях, либо в процентах от ширины окна браузера.По умолчанию ширина будет зависеть от содержимого.

height - высота HTML таблицы. Значение тоже в пикселях или процентах. По умолчанию высота зависит от содержимого таблицы.

<table border="1" width="350" height="70">
<tr>
<td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td>
</tr>
<tr>
<td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td>
</tr>
</table>

Вот так будет выглядеть:

align - вырывнивание таблицы или содержимого по горизонтали. Значения : left, right, center.

valign - выравнивание таблицы или содержимого по вертикали. Значения : top, bottom, middle (верх, низ, середина).

bgcolor - задаёт цвет фона ячеек в таблице.

background - заполняет фон таблицы или ячейки изображением. Значение будет адрес (URL) изображения.

Атрибуты bgcolor и background можно задать для любой ячейки различные. Самое главное когда задаётся общий фон для всей таблицы, для нужной ячейки достаточно поставить свой атрибут.

Ну вот теперь я думаю у Вас достаточно начальных знаний для создания небольшой странички.
Но для того чтобы страничка была красивой нужно ещё знание CSS, хотя бы их основ.
Хотя стоп! Есть кое что ещё. Это даже не урок, а полезная информация.

Перейти. meta тэги в HTML

Вернуться к Началу HTML