Таблиці та списки на веб-сторінках.

Таблиці та списки на веб-сторінках

Таблиці

Таблиця створюється за допомогою парного тегу <table></table>. Даний тег є контейнером для елементів таблиці і всі елементи повинні знаходитися всередині нього. Будь-яка таблиця складається з рядків та комірок, що задаються за допомогою тегів <tr> і <td>. Всередині <table> можна використовувати наступні елементи: <caption>, <col>,   <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> і <tr>.

Опис

Тег <ul> встановлює маркований список. Кожен елемент списку повинен починатися з тега <li>.

Якщо до тегу <ul> застосовується таблиця стилів, то елементи <li> успадковують ці властивості.

Синтаксис

<ul>
   <li>елемент маркованого списка</li>
</ul>

Атрибути

type – встановлює вид маркера списку.

Опис

Тег <ol> встановлює нумерований список. Кожен елемент списку повинен починатися з тега <li>.

Якщо до тегу <ol> застосовується таблиця стилів, то елементи <li> успадковують ці властивості.

Синтаксис

<ol> 
  <li>элемент нумерованного списка</li> 
  <li>элемент нумерованного списка</li> 
</ol>

Атрибути

type – встановлює вид маркера списку.

reserved – нумерація списку по спаданню (3,2,1).

start – задає число з якого починається нумерація.

Опис

Тег <dl> входить в трійку елементів <dl>, <dt>, <dd>, призначених для створення списку визначень. Кожен такий список починається з контейнера <dl>, куди входить тег <dt> створює термін і тег <dd> задає визначення цього терміна.

Синтаксис

<dl>
  <dt>Термін 1</dt>
    <dd>Визначення терміну 1</dd>
  <dt>Термін 2</dt>
    <dd>Визначення терміну 2</dd>
</dl>

Опис

Вкладені списки призначені для організації складної ієрархічної структури тексту, зазвичай таких документів, як юридичні або технічні. Також вкладені списки використовуються для створення багаторівневих меню і навігації по сайту. Щоб зробити таку структуру спочатку створюється список за допомогою тега <ul>, а вкладений список вставляється всередину одного з тегів <li>.

Синтаксис

<ul>
  <li>Російська кухня
   <ul>
    <li>Уха бурлацька</li>
    <li>Бабусина тюря</li>
    <li>Растігай</li>
   </ul>
  </li>
  <li>Українська кухня</li>
  <li>Молдавска кухня</li>
  <li>Кавказька кухня</li>
  <li>Прибалтійська кухня</li> 
</ul>