Таблицы

Подписаться на эту рубрику по RSS

Таблицы. Рамки таблиц

Пятница, 13 августа 2010 г.
Рубрика: Уроки HTML -> Таблицы
Метки: | |
Просмотров: 832
Подписаться на комментарии по RSS

В этом уроке мы поговорим о рамках таблиц. Рамка вводится параметром

border. Зададим рамку равную 3 пикселям:

<table border="3">

Остальную таблицу допишете сами. Выглядеть это будет вот так:

таблица с рамкой

Нашей рамке мы можем задать цвет. Пусть он будет синим в нашем примере:

<table border="3" bordercolor="#336699">
таблица с рамкой

Все очень просто.

Читать полностью »

Таблицы. Вложенные таблицы

Пятница, 13 августа 2010 г.
Рубрика: Уроки HTML -> Таблицы
Метки: | |
Просмотров: 1120
Подписаться на комментарии по RSS

Когда мы учились делать таблицы в предыдущих уроках, то мы упоминали

о вложенных таблицах. Что же это такое и в чем их особенность? - это

обычные таблицы, которые располагаются в ячейках другой таблицы.

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

текстом какого-то отчета, а третья между ними для красоты:

C каждым днём сайтов в интернете всё больше и больше.

Каждый сайт не представляет собой ни чего нового, потому что все хорошие

идеи уже кто - то воплотил жизнь. Но изредка в интернете можно

встретить оригинальный сайт, не похожий на других.

 Вот таблица, которая показывает сколько оригинальных

сайтов и не оригинальных сайтов в интернете:

не оригинальные65%
оригинальные20%
порталы и форумы15%

Отчёт о сайтах интернета

Читать полностью »

Таблицы. Что такое cellspacing и cellpadding

Пятница, 13 августа 2010 г.
Рубрика: Уроки HTML -> Таблицы
Метки: | | |
Просмотров: 961
Подписаться на комментарии по RSS

Итак, мы остановились на такой таблице:

1x1
1x2

2x1

2x2

Давайте, подумаем, что же еще можно сделать с ней. Например, можно

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

1x1
1x2

2x1

2x2

Читать полностью »

Этот урок дополнительный, здесь Вы можете посмотреть ответы на

задание предыдущего урока. Те, кто справились с заданием сами могут

продвигаться к следующему уроку.

Первое задание:

1x1
1x2
1x3

2x1

2x2

Читать полностью »

Создание таблиц. Растягивание ячейки

Пятница, 13 августа 2010 г.
Рубрика: Уроки HTML -> Таблицы
Метки: | |
Просмотров: 592
Подписаться на комментарии по RSS

В этом уроке мы поговорим об атрибутах colspan и rowspan. Colspan -

определяет количество столбцов, на которые простирается данная ячейка, а

rowspan - количество рядов (эти параметры могут принимать значение от 2

и больше, т.е. наша ячейка может растягиваться на два и более столбца

(ряда)). Теперь, чтобы было все понятно, обратимся к примерам.

1x1
1x2

2x1

2x2
2x3

Итак, наша задача растянуть ячейку 1х1 на два столбца (ячейки). Для

этого мы используем атрибут colspan="2", прописав его для ячейки 1х1.

Код будет выглядеть следующим образом:

Читать полностью »