Как работает веб-страница

Без HTML - не было бы и WWW...

Как работает веб-страница

Заголовки Таблицы

Чтобы создать шрифтом и отцентрировать «заголовок» для столбца или строки в таблице, используйте тег <th> вместо тега <td> для первой строки.

Пример:

<table border=1>

<tr><th>Столбец 1</th>

<th>Столбец 2</th></tr>

<tr><td></td>

<td>B</td></tr>

<tr><td>C</td>

<td>D</td></tr>

</table>

 

Выравнивание и заполнение ячеек По умолчанию, все содержимое ячеек внутри таблицы (за исключением таблицы разделов), центрируется вертикально и выравнивается по левому краю. Чтобы содержимое ячейки выравнивалось по-другому, применяются следующие теги в <td>, <th> или <tr> тегах: Для выравнивания по горизонтали, значения могут быть left, right или center: Пример: <tr align=»center»> Для вертикального выравнивания, значения могут быть top, bottom или middle:

Пример: <td valign="top">

Вы можете также организовать выравнивание всей таблицы, чтобы решить, где она будет отображаться на странице. Путем вставки тегов

<align="right"> или <align="left">

в течение первых тегов <table>, текст будет обтекать Вашу таблицу. Или, если Вы хотите, чтобы Ваша таблица стояла на странице без обтекания текста вокруг, используйте выравнивающие теги до и после всей таблицы.

Cell Spanning «Объединение» возникает, когда одна клетка, охватывает две или более ячеек в таблице. Для объединения столбцов, тег <colspan=»значение»> размещается внутри элемента <td>, где он применяется. Вот пример кода:

<table border=1> <tr><td colspan=2>

Эта ячейка насчитывает более двух столбцов </td> <td>Эта ячейка охватывает более одного столбца

</td> </tr> <tr align="center"> <td></td> <td>B </td> <td>C </td> </tr> </table>

Для строк, тег <rowspan=значение> размещается внутри элемента <td>, где он применяется.

Например: <table border=1> <tr><td rowspan=2>

Эта ячейка охватывает более чем две строки

</td> <td></td><td>B</td></tr><tr><td>C</td><td>D</td> </tr> </table>

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Оставить комментарий

Ваш email не будет опубликован.

*


six + 13 =


Поиск Google

(function() { var cx = '013762819107762716451:zn5azro-xtc'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })();

Мы Вконтакте

Top
Follow

Get every new post delivered to your Inbox

Join other followers