Таблици

Таблица създаваме с двойния таг:

<table параметри>

   Заглавие

   Редове

</table>

• Редове в таблицата създаваме с двойния таг:
  
  

  <tr параметри>
  
     Клетки
  
  </tr>

  Клетки в реда създаваме с двойните тагове: <td параметри> Съдържание на клетката </td> <th параметри> Съдържание на клетката </th>

  Таг th се отличава от td по подразбиращите се стойности на някои параметри: центрирано разположение на съдържанието в клетката; удебелен текст. Използва се за заглавни клетки.

Най-малката таблица (само с една клетка и без параметри) се записва така:

<table>
  <tr>
     <td> Съдържание на клетката.
     </td>
  </tr>
</table>

• параметри на таблицата:
  
  
  • align -задава хоризонталното разположение на таблицата;
    
    Стойности:
    
    
    • left -таблицата се разполага в ляво;
    • right -таблицата се разполага в дясно;
    • center -таблицата се разполага в центъра.
    
    
    
  • border="число" -задава дебелината на рамката в пиксели (по подразбиране е 0, т.е. няма рамка);
    
    
  • bordercolor="цвят" -задава цвят на рамката;
    
    
    • на цвят даваме стойност по познатия вече начин.
      
      
  • cellpadding="число" -задава разстоянието от рамката до съдържанието на клетката;
    
    
  • cellspacing="число" -задава разстоянието между клетките;
    
    
  • width -задава предпочитана ширина на таблицата;
    
    Стойности:
    
    
    • число -задава ширината в пиксели;
      
      
    • число% -задава ширината в проценти;
      
      
  • height -задава предпочитана височина на таблицата;
    
    Стойности:
    
    
    • число -задава височината в пиксели;
      
      
    • число% -задава височината в проценти;
      
      
  • bgcolor="цвят" -задава цвят на фона;
    
    
    • на цвят даваме стойност по познатия вече начин.
      
      
  • background="адрес на графичен файл" -установявя графично изображение като фон на таблицата.
    
    
    • за адрес на графичен файл ще стане дума в темата Включване на графични изображения в уеб-страницата.
      
      
  
  
  • параметри на реда:
    
    
    • align -задава хоризонталното разположение на съдържанието на всяка клетка от реда;
      
      Стойности:
      
      
      • left -съдържанието се разполага в лявата част на клетката;
      • right -съдържанието се разполага в дясната част на клетката;
      • center -съдържанието се разполага в центъра на клетката;
      
      
      
    • valign -задава вертикалното разположение на съдържанието на всяка клетка от реда;
      
      Стойности:
      
      
      • top -съдържанието се разполага в горната част на клетката;
      • bottom -съдържанието се разполага в долната част на клетката;
      • middle -съдържанието се разполага в средата на клетката;
      
      
      
    • bordercolor="цвят" -задава цвят на рамката;
      
      
      • на цвят даваме стойност по познатия вече начин.
        
        
    • bgcolor="цвят" -задава цвят на фона;
      
      
      • на цвят даваме стойност по познатия вече начин.
        
        
    
    
    • параметри на клетката:
      
      
      • align -задава хоризонталното разположение на съдържанието в клетката;
        
        Стойности:
        
        
        • left -съдържанието се разполага в лявата част на клетката;
        • right -съдържанието се разполага в дясната част на клетката;
        • center -съдържанието се разполага в центъра на клетката;
        
        
        
      • valign -задава вертикалното разположение на съдържанието в клетката;
        
        Стойности:
        
        
        • top -съдържанието се разполага в горната част на клетката;
        • bottom -съдържанието се разполага в долната част на клетката;
        • middle -съдържанието се разполага в средата на клетката;
        
        
        
      • colspan="число" -задава брой колони, които ще заема клетката (използва се при сливане на клетки);
        
        
      • rowspan="число" -задава брой редове, които ще заема клетката (използва се при сливане на клетки);
        
        
      • nowrap -предотвратява автоматичното пренасяне на текст на нов ред;
        
        
      • width -задава предпочитана ширина на клетката;
        
        Стойности:
        
        
        • число -задава ширината в пиксели;
          
          
        • число% -задава ширината в проценти;
          
          
      • bordercolor="цвят" -задава цвят на рамката;
        
        
        • на цвят даваме стойност по познатия вече начин.
          
          
      • bgcolor="цвят" -задава цвят на фона;
        
        
        • на цвят даваме стойност по познатия вече начин.
          
          
      • background="адрес на графичен файл" -установявя графично изображение като фон на клетката.
        
        
        • за адрес на графичен файл ще стане дума в темата Включване на графични изображения в уеб-страницата.
          
          
      
      

• ако искаме таблицата да има Заглавие, записваме го с таг:
  
  

  <caption параметри> Заглавие </caption>

  • параметри на заглавието:
    
    
    • align -задава разположението на заглавието;
      
      Стойности:
      
      
      • left -заглавието се разполага в ляво над(под) таблицата;
      • right -заглавието се разполага в дясно над(под) таблицата;
      • center -заглавието се разполага в центъра над(под) таблицата;
      • top -заглавието се разполага в центъра над таблицата;
      • bottom -заглавието се разполага в центъра под таблицата;
      
      
      
    • valign -задава вертикалното разположение на заглавието, когато align има стойност left, right или center;
      
      Стойности:
      
      
      • top -заглавието се разполага над таблицата;
      • bottom -заглавието се разполага под таблицата;