Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Задание 1. При создании сайтов таблицы используются очень часто






При создании сайтов таблицы используются очень часто. Картинки, тексты – все размечено и размещено относительно друг друга при помощи таблиц (собственно, весь сайт, расположен в большой сложной таблице).

Таблица задается тэгом:

< table> < /table>

Таблица состоит из строк и столбцов (ячеек), поэтому нам надо еще указать и их.

< tr> < /tr> - строчка таблицы

< td> < /td> - столбец (ячейка) таблицы

Итак, перед вами таблица из двух строк и трех столбцов (ячеек). Для наглядности ячейки выделены разными цветами. Границы таблицы не заданы, поэтому вы их не видите.

      < table> < tr> < /tr> < tr> < /tr> < /table>

Сначала мы задали строки. В нашем примере их две. Теперь в каждой строке зададим по три столбца (ячейки):

      < table> < tr> < td> < /td> < td> < /td> < td> < /td> < /tr> < tr> < td> < /td> < td> < /td> < td> < /td> < /tr> < /table>

 

Когда вы будете создавать свой сайт и таблицы, лучше рисуйте все сначала на бумаге, так вам будет легче потом верстать, т.к. вы все наглядно будете видеть на бумаге, и у вас будет меньше вероятности ошибиться.

Итак, теперь нам надо заполнить получившийся каркас:

      < table> < tr> < td> 1x1< /td> < td> 1x2< /td> < td> 1x3< /td> < /tr> < tr> < td> 2x1< /td> < td> 2x2< /td> < td> 2x3< /td> < /tr> < /table>

Первая цифра - это номер ряда, а вторая номер ячейки (1х2 - первый ряд, вторая ячейка).

Фон задается атрибутом bgcolor=" цвет_фона". Фон можно задать для таблицы в целом, для ряда, для ячейки (в пределе одного ряда). В нашем случае мы задаем фон для каждой ячейки.

 

      < table> < tr> < td bgcolor=" #FFCC33" > 1x1< /td> < td bgcolor=" #336699" > 1x2< /td> < td bgcolor=" #FFCC33" > 1x3< /td> < /tr> < tr> < td bgcolor=" #336699" > 2x1< /td> < td bgcolor=" #FFCC33" > 2x2< /td> < td bgcolor=" #336699" > 2x3< /td> < /tr> < /table>

Вот, что должно получиться:

Если вы хотите задать фон для ряда, то атрибут bgcolor мы прописываем для тэга < tr>:

< tr bgcolor=" #FFCC33" >

Если вы хотите задать фон для всей таблицы, то атрибут bgcolor мы прописываем для тэга < table>:

< table bgcolor=" #FFCC33" >

Однако, если при заданном фоне для всей таблицы, вы задаете свой фон для ряда или ячейки, то этот ряд или ячейка будут иметь фон отличный от всей таблицы.

Создайте таблицу на своей странице и раскрасьте ее.


Поделиться с друзьями:

mylektsii.su - Мои Лекции - 2015-2024 год. (0.013 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал