Таблици

Таблиците са изключително важен инструмент при създаването на една уеб-страница.Често цялата страница е разположена в таблица, чиито редове и колони оформят различните части на 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 - хоризонтално и вертикално местоположението на таблицата на екрана;