Урок №3 - высота и ширина таблицы

Для того что бы задать таблице определённые параметры ширины таблицы или ячейки используйте HTML атрибут width.

А для того, чтобы задать нужную вам высоту таблицы или ячеки, используйте атрибут HTML height.

Значения необходимо прописывать в абсолютных единицах, например 10px или 10%. Первое значение выражено в пикселах, а второе в процентном соотношении. Единственное ограничение значения ширины и высоты, это то, что оно не должно быть меньше размещаемого внутри содержимого.

При вёрстке можно задать один параметр для одного столбца ячейки и остальные будут автоматически подстраиваться под значение параметра этого столбца ячейки.

Рассмотрим это в примерах.

Набираем в Notepad++ этот код:

где свойства таблицы имеют следующие значения:

Урок HTML №2 - атрибуты таблицы cellpadding и cellspacing

При создании таблицы иногда требуется задать отступ внутри ячейки от текста до границ этой ячейки. Одним из способов задать такой отступ является атрибут cellpadding и cellspacing. Первый атрибут - cellpadding задаёт размер полос чистого пространства внутри самой ячейки, тоесть размер отступа от внешних границ до текста. Этот атрибут не является обязательным и если он не указан, то отступ будет задан дефолтный, который равен "1".

Следующий атрибут cellspacing - он задаёт размер полосы, пустого пространства между ячейками. Cellspacing так же не является обязательным и если он не будет указан, то расстояние между полосами ячейки будет задано по умолчанию "2".

Например, без указания этих атрибутов cellpadding и cellspacing в теге table, код таблицы при вёрстке в редакторе Notepad++ выглядит так:

*где атрибут border="1"- это толщина рамки, в данном случае 1 пиксел.

Визуально результат получится такой:

В этом уроке я научу вас как создать таблицу инструментами HTML.

Одним самым простым, эффективным и широко применяемым в HTML вёрстке средств являются таблицы. Само понятие табличного представления данных содержимого сайта не нуждается в дополнительном пояснении. При вёрстке таблицы, элементы HTML применяются не столько традиционно, какспособ представления данных, но и как средство форматирования веб-страниц.

Раньше при вёрстке сайтов таблицы были основным инструментом их создания. Но сегодня таблицы применяются при вёрстке, только в особых случаях, а именно для предоставления данных и не более. Теперь же большее значение придаётся построению кода сайта инструментами CSS, приемущество и основные особенности мы уже с вами рассмотрели в нашем первом уроке CSS.

Наберите в Notepad++ этот код HTML:

Визуальный результат получится такой: