Таблици

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