HTML табели Структура на табела - SELFHTML-Вики

Информации за овој текст

А. табела е уредна компилација на текстови или податоци. Содржината што треба да се прикаже е поделена на линии (хоризонтални) и колони (вертикални), кои се графички порамнети една со друга.

Забелешка: HTML табелите се семантички соодветна структура со цел табеларни податоци во редови и колони.

Во минатото, HTML табелите се користеа за спроведување на целосни распореди. Сепак, ова на крајот е во спротивност со основната идеја за модерен веб дизајн (клучен збор: одделување на содржина и распоред), може да предизвика проблеми со пристапноста до корисниците на читачи на екран и тешко е да се одржи.
Користете го распоредот на мрежата за ова.

Содржина

градба

Неколку елементи се одговорни за изградба на табела на структурата на решетката. Во наједноставниот случај, табелата се состои од табели редови во кои има табели ќелии.

воведува табела (табела = Табела). воведува нова линија на табела (tr = ред на маса = Ред на табелата). Потоа се дефинираат ќелиите (колоните) од соодветниот ред. Има краен ден на крајот од табелата запишано.

Заглавие и ќелии на податоци

Редот на табелата може да содржи ќелии за заглавија или обични ќелии за податоци.

Следната графика го покажува ефектот на HTML-елементите што создаваат табела:

Примерот покажува едноставна табела со три реда, секој со три клетки дефинирани. Првата линија содржи ќелии со заглавија (...), другите две ќелии за податоци ( ... ) Можете да видите дека прелистувачите различно ги форматираат заглавието и ќелиите за податоци без понатамошно дејство, но не прикажуваат никакви линии на рамки.

Cellsелиите во табелата исто така можат да бидат празни. Ако не сакате да внесувате податоци по ред за колона, запишете едноставна. Имајте предвид, сепак, дека во овој случај веб-прелистувачот ќе ја прикаже ќелијата како „недостапна“, бидејќи ова однесување одговара на зададената поставка на празните ќелии на својството CSS.

Маси со глава, тело и стапало

Сепак, треба да ја поделите и самата табела на неколку делови,

најмногу во еден заглавие на масата, најмногу во подножје на маса и барем во тело на маса .

Заглавието на табелата ги содржи линиите на едноставната табела кои содржат само ќелии за заглавија, додека телото на табелата ги содржи линиите што содржат исклучиво или главно ќелии со податоци. Подножјето на табелата содржи податоци што ја сумираат или ја објаснуваат табелата.

Ако табелата на отпечатокот е поголема од една страница, деловите thead и tfoot се повторуваат на секоја страница кога се печатат.

Куќа куќа Куќа Б. Простор за живеење Градина област вкупна површина

100	150
50	100
150	250
Сите информации во квадратни метри.

Употребата на colspan е објаснета во поглавјето Спојување на ќелиите.

Во HTML4, подножјето на табелата tfoot мораше да се забележи веднаш по завршувањето на текстот пред tbody, спротивно на претставата, бидејќи tfoot исто така содржи информации што се однесуваат на сите колони. Во HTML5, сепак, tfoot мора да се постави по tbody на крајот од табелата.

Дизајн на CSS

Во минатото, табелите беа форматирани со различни HTML атрибути. Со CSS, сепак, можете да постигнете подобро и поприлагодливо форматирање.

Повеќе информации можете да најдете во Поглавје 4 HTML/Табели/Дизајн со CSS

---