Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

Базовая структура таблицы в HTML.

Если говорить просто, Web-таблицы состоят из ячеек (именно в них помещаются материалы), организованных в строки. Табличная модель HTML «ориентирована на строки», поскольку строки явным образом определяются в структуре документа, а столбцы только подразумеваются, хотя мы видим прямую зависимость строк от столбцов, определяющих значения в строчных ячеек. Как бы там не было, давайте мы постепенно будем продвигаться в понимании классического представления таблиц.

Строки и ячейки.

В минимальный набор элементов для создания таблицы входит элемент table, для объявления самой таблицы.

Элемент таблицы tr в HTML - для объявления строки таблицы.

Элемент таблицы td в HTML - для создания ячеек таблицы в строке или определения столбцов в конечном итоге, как бы мы не хотели это признавать.

Основной элемент таблицы есть тег table в HTML. < table>...< /table>. Атрибуты: Базовые (id, class, style, title), Интернационализация, События border="число", хотя он является всего то лишь оболочкой таблицы или так называемым контейнером без содержания.

Атрибут cellpadding = "число пикселей или %" процентов.

Атрибут се11sрасing="число пикселей или %" процентов.

Атрибут frame = "void|above|below|hsides|lhs|rhs|vsides| box|border"

Атрибут rules="all|cols|groups|none|rows"

Атрибут summary="текст" width="число, процент".

Атрибут width="число,проценты".

Атрибут Устаревшие атрибуты align="left| right|center"

Атрибут bgcolor="#rrggbb" или "имя цвета".

Нестандартные атрибуты: height="число, процент".

Как показал на предыдущих страницах сайта, знание этих символов при использовании современных редакторов с напичканными программами создания сайта необязательно. Но как говорится: предупрежден - значит вооружен.

Элемент строки tr. < tr>...< /tr>. Атрибуты: Базовые (id, class, style, title), Интернационализация, События

Атрибут align="left| center|right|justify|char"

Атрибут сhаr="символ"

Атрибут charoff="длина"

Атрибут valign="top|middle|bottom|baseline". Устаревшие атрибуты

Атрибут bgcolor="#rrggbb" или "имя цвета".

Элемент ячейки строки td. < td>...< /td>. Атрибуты: Базовые (id, class, style, title), Интернационализация, События

Атрибут аbbr="текст"

Атрибут align="left|right|center|justify|

Атрибут char"символ"

Атрибут axis="текст"

Атрибут char="символ"

Атрибут charof£="длина"

Атрибут соlspan="число"

Атрибут headers="ccылки на id

Атрибут rowspan="число"

Атрибут scope="row|col|rowgroup|colgroup"

Атрибут valign="top|middle|bottom|baseline".

Устаревшие атрибуты: Атрибут bgcolor="#rrggbb" или "имя цвета"

Атрибут height="пиксели, проценты"

Атрибут nowrap="nowrap"

Атрибут width="пикceлы, проценты".

         Вот структура табличного представления, хотя тут может
         быть сотни строк и сотни столбцов, как при визуальном представлении,
         так и невизуальном представлении:
                  
              < table>
                 < tr>
                   < td>cell l< /td>
                   < td>cell 2< /td>
                 < /tr>
                 < tr>
                   < td>cell 3< /td>
                   < td>cell 4< /td>
                 < /tr >
              < /table>

Всю таблицу обозначает элемент table, который не имеет своего собственного содержимого, но служит контейнером для одного или нескольких элементов-строк tr. В данном примере таблица содержит две строки. Каждый элемент tr, в свою очередь, содержит две ячейки для данных, которые обозначаются элементами td. В ячейках находится реальное содержимое. Элементы table и tr служат исключительно для формирования структуры таблицы. Ячейка таблицы может содержать любые данные, отображаемые в документе, в том числе форматированный текст, изображения, мультимедийные объекты и даже другие таблицы. Как уже говорилось ранее, система таблиц в HTML является ориентированной на строки. Строки обозначаются явным образом, но число столбцов лишь подразумевается, исходя из числа ячеек в самой длинной строке. Иными словами, если все строки содержат по три ячейки (три элемента td), то таблица будет иметь три столбца. Если одна строка содержит четыре элемента td, а все остальные - по два, то браузер отобразит таблицу, состоящую из четырех столбцов, добавив пустые ячейки к более коротким строкам. В HTML 4.01 предложена модернизированная стандартная система описания структуры таблиц, в которой столбцы обозначаются явным образом.

То есть значение элемента < td> не явным образом, задает число столбцов в таблице, хотя считается представляющем число ячеек в строке таблицы. Пусть будет так, тем более нам теперь все известно.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: