Таблиците в HTML

В HTML можете да създавате таблици. Това разбира се не е откритие за тези, които познават този език.

Таблиците

Когато искате да създадете таблица трябва да я дефинирате чрез <table> етикет. Таблиците се разделят на редове (с &lt;tr&gt; етикет), а всеки ред се разделя на клетки с информация (с &lt;td&gt; етикет). Буквите td са съкращение от “table data”, каквото всъщност е съдържанието на клетките с информация. Те могат да съдържат текст, снимки, списъци, параграфи, форми, хоризонтални правила, таблици и т.н.

A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for “table data,” which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

 For a Few Dollars More dvdrip <table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

На браузърът (програмата за сърфиране в Интернет) това се вижда така:

Таблиците и атрибутите на границите им (Border Attribute)

Ако не укажете атрибут за контур (рамката на таблицата), тя ще се визуализира без никакви контури. Понякога невидимата рамка на таблицата може да бъде полезна, но друг път е необходимо тя да се вижда. За да покажете контурите на таблицата трябва да използвате атрибута:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

The Truth About Cats & Dogs buy

Заглавия в таблиците

Заглавията в таблиците се дефинират с <th> етикет.

<table border="1">
<tr>
<th>Заглавие</th>
<th>Друго заглавие</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>





 007 Goldfinger download    

   

Това изглежда в браузъра така:

Празни клетки в таблицата

Клетките на таблицата, в които няма съдържание не се виждат от добре в помечето браузъри.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>

Това се вижда на браузъра така:

Вижте, че рамките на празните клетки на таблицата липсват в Internet Explorer (Mozilla Firefox показва рамката на таблицата). За да избегнете това, добавете празно място без скоби в празните клетки и така ще направите рамката видима:

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>&nbsp;</td>
</tr>
</table>

Това изглежда на браузъра така:

Етикети в таблиците