Html таблиці - тег table в html

Слід зауважити, що межі в різних браузерах відображаються трохи по-різному.

HTML теги tr і td

Таблиці формуються через підрядник. Тому, задані в рядку (tr) параметри поширюють свою дію на всі осередки (td) рядки. У рядків можна використовувати три параметри:

  • align - вирівнює текст в осередках по горизонталі, може приймати значення: зліва (right), праворуч (left), по центру (center),
  • valign - вирівнює текст в осередках по вертикалі, може приймати значення: вгору (top), вниз (bottom), по центру (middle),

  • bgcolor - задає колір рядка.

    • Подивимося на прикладі:

    11 Текст у всіх осередках цього рядка центрирован по центру як по вертикалі, так і по горизонталі

    21 Тут текст притиснутий до лівого краю по горизонталі і донизу - по вертикалі

    31 Текст у всіх осередках цього рядка притиснутий по горизонталі до правого краю, по вертикалі - догори

    Ці ж параметри можна застосовувати і до окремих осередків, тобто до будь-якого тегу . дія поширюватиметься тільки на саму осередок.

    Наприклад, в попередньому коді додайте в будь-який тег параметр bgcolor = "red".

    21 Тут текст притиснутий до лівого краю по горизонталі і донизу - по вертикалі

    Але до осередків можна застосовувати ще два параметри:

    • width - задає ширину шпальти (в пікселах або у відсотковому співвідношенні, де за 100% приймається ширина таблиці),
  • height - задає висоту комірки, причому всі осередки в цьому ж рядку стануть цієї висоти.

    • Наприклад, додамо в наш код, в теги ці параметри

    Схожі статті