Таблици
Таблиците са изключително важен инструмент при създаването на една уеб-страница.Често цялата страница е разположена в таблица, чиито редове и колони оформят различните части на HTML-документа. В клетките на таблиците може да се пише текст, като параметрите му се определят чрез познатия вече таг font и съответните му атрибути. В таблиците може да се поставят и изображения – чрез познатия таг img в клетката, в която желаете да се появи изображението. Могат да се влагат таблици една в друга. Могат да се сливат клетки с атрибутите - colspan и rowspan .
Тагове за създаване на таблица:
-
Таблиците в HTML-документа винаги са разположени между двата основни тага
<table> и </table>. - Между тези два тага се изписват:
- таговете за табличен ред - <tr> и </tr>
- таговете за таблична клетка, чрез които се оформят редовете и колоните - <td> и </td >
- Ако искаме таблицата да има очертания се добавя атрибута BORDER.
Пример: Кода на таблица само с две колони и с три реда изглежда така:
<table border="1">
<tr>
<td align="center">1-ви ред, 1-ва колона </td>
<td align="center">1-ви ред, 2-ра колона </td> </tr>
<tr>
<td>2-ри ред, 1-ва колона </td>
<td>2-ри ред, 2-ра колона </td> </tr>
<tr>
<td>3-ти ред, 1-ва колона </td>
<td>3-ти ред, 2-ра колона </td>
</tr>
</table>1-ви ред, 1-ва колона
1-ви ред, 2-ра колона
2-ри ред, 1-ва колона
2-ри ред, 2-ра колона
3-ти ред, 1-ва колона
3-ти ред, 2-ра колона
Атрибути на таговете за оформяне на таблици:
-
border и bordercolor ;
-
bgcolor - цвят на вътрешното пространство
-
width и height - ширина и височина (в цели числа или в %)
-
cellspacing и cellpadding - разстояние между клетките и между текста и очертанията
-
align и valign - хоризонтално и вертикално местоположението на таблицата на екрана;