Уроки по html

Таблиці в HTML організуються як набір стовпців і рядків. Стовпчики таблиці можуть містити будь-які HTML-елементи, такі, як заголовки, списки, абзаци, фігури, графіку, а також елементи форм.

Основні теги таблиці

Це основноие теги, що описують таблицю. Всі елементи таблиці повинні знаходитися всередині цих двох тегів. За замовчуванням таблиця не має обрамлення і роздільників. Обрамлення додається атрибутом BORDER.

Кількість рядків таблиці визначається кількістю зустрічаються пар тегів .. . Рядки можуть мати атрибути ALIGN і VALIGN. які описують візуальне положення вмісту рядків в таблиці.

Описує стандартну клітинку таблиці. Осередок таблиці може бути описана тільки всередині рядка таблиці. Кожна осередок має бути пронумерована номером колонки, для якої вона описується. Якщо в рядку відсутнє одна або кілька осередків для деяких колонок, то броузер відображає порожню комірку. Розташування даних в осередку за замовчуванням визначається атрибутами ALIGN = left і VALIGN = middle. Дане розташування може бути виправлено як на рівні опису рядка, так і на рівні опису осередку.

Осередок заголовка таблиці має ширину всієї таблиці; текст в даному осередку має атрибут BOLD і ALIGN = center.

Даний тег описує назва таблиці (підпис). Тег повинен бути присутнім усередині

.
. але зовні опису якого-небудь рядка або комірки. За замовчуванням має атрибут ALIGN = top. але може бути явно встановлений в ALIGN = bottom. ALIGN визначає, де - зверху чи знизу таблиці - буде поставлений підпис. Підпис завжди центрована в рамках ширини таблиці.

Основні атрибути таблиці

    Визначає розмір у відсотках від ширини екрану. Використовується в тегах , ,
    .
    Наприклад WIDTH = "60%";
      Задає фоновий колір. Використовується в тегах , ,
      .
        Задає колір рамки. Використовується в тегах , ,
        .
          Задає відстань між вмістом комірки і її рамкою в пікселях. Використовується в тезі .
            Задає відстань між осередками таблиці в пікселях. Використовується в тезі
          .

          Даний атрибут використовується в тезі TABLE. Якщо даний атрибут присутній, границя таблиці промальовується для всіх осередків і для таблиці вцілому. BORDER може приймати числове значення, що визначає ширину кордону, наприклад BORDER = 3.

          Якщо атрибут ALIGN присутній всередині тегів

          . то він визначає положення підпису для таблиці (зверху чи знизу). За замовчуванням ALIGN = top.
          Якщо атрибут ALIGN зустрічається всередині , ,
          і
          або . він керує положенням даних в осередках по горизонталі. Може приймати значення left (ліворуч), right (праворуч) або center (по центру).

          Даний атрибут зустрічається всередині тегів

          і . Він визначає вертикальне розміщення даних в осередках. Може приймати значення top (угорі), bottom (унизу), middle (по середині) і baseline (всі осередки рядка притиснуті догори).

          Даний атрибут говорить про те, що дані в комірці не можуть логічно розбиватися на кілька рядків і повинні бути представлені одним рядком.

          Вказує, яка кількість осередків буде об'єднано по горизонталі для зазначеної комірки. За замовчуванням 1.

          Вказує, яка кількість осередків буде об'єднано по вертикалі для зазначеної комірки. За замовчуванням 1.

          приклад таблиці





















          Таблиця №1
          Підлога Середнє значення
          Зріст вага
          чоловіки 174 78
          жінки 165 56

          В результаті на екрані отримаємо:

          Схожі статті