Урок HTML №7- фон таблицы

В этом уроке мы рассмотрим атрибуты таблицы, которые задают параметры фона таблицы - bgcolor и background

Атрибут bgcolor определяет цвет фона html таблицы сайта. Можно так же этот атрибут использовать вместе с атрибутом background (см. ниже), подобрав специально цвет фона близкий к фоновому рисунку. Синтаксис данного тега следующий:

Давайте рассмотрим наш урок на практике, для этого создаём в Notepad++ таблицу со следующими параметрами:

, где

bgcolor="#C3F393" - это цвет фона всей таблицы, цвет можно устанавливать как в шестнадцатеричном коде # как в нашем примере, простым названием цвета - green, так и RGB.

Урок 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:

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