Определение ширины границ ячеек таблицы.

Атрибут cellspacing =? в теле тега <table>, вместо знака вопроса задается значение ширины границы в пикселах.

Атрибут cellpadding=? в теле тега <table>, устанавливает расстояние между рамкой ячейки и текстом в пикселах

Задание 9:

1. Установите для первой таблицы документа значение параметра cellspacing=0.

3. Задайте для второй таблицы значение параметра cellspacing=5

4. Результат просмотрите в браузере.

5. Установите для таблицы 1 значение параметра cellpadding=6.

6. Результат просмотрите в браузере.

Обтекание таблицы текстом

Атрибут ALIGN = left ( right ) в теле дескриптора < TABLE >

< BR CLEAR > ( left , right , all ) – прерывание обтекания слева, справа, везде.

Примечание:

Если таблица выровнена по центру, то обтекание текстом не происходит, например:

Задание 10:

1. Добавьте текст «Посмотрите, какие замечательные таблицы у меня получаются» в конце вашего документа.

2. Задайте обтекание текста так, чтобы он располагался между двумя таблицами.

ДОПОЛНИТЕЛЬНО:

Построение вложенных таблиц.

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

· Щелкните в пределах текста описания ячейки, в которую необходимо вставить подчиненную таблицу.

· Опишите вложенную таблицу, руководствуясь общими правилами написания таблиц.

· При вводе HTML – кода руководствуйтесь собственной системой отступов.

Примечание:

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

Различные таблицы в IE

Задание 11:

1. Создать таблицу по исходному примеру.

2. Вставить рисунок небольших размеров на месте крестика в таблице (рисунок должен соответствовать тексту)

3. Добавьте пояснения к рисунку на случай невозможности его воспроизведения.

4. Придумайте заголовок к таблице.

5. Задайте графический фон для ячеек 1 строки таблицы и для документа в целом.

6. В остальных ячейках цвет установите по своему вкусу.

7. Результат работы предъявите преподавателю.

Дата добавления: 2022-06-11; просмотров: 23; Мы поможем в написании вашей работы!

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