Создание таблиц

1. Если это упражнение выполняется не сразу после предыдущего, откройте доку­мент 1.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами < BODY > и </ BODY >. Текст,
который будет вводиться в последующих пунктах этого упражнения, необходимо
поместить после тега < BODY >. В данном упражнении используется список номеров
телефонов.

3. Введите строку <P ALIGN="CENTER"><FONT COLOR="RED" SIZE="5"> Список домашних телефонов </FONT><FONT SIZE="5">.

4. Для образования таблицы введите строку: <TABLE BORDER="1" WIDTH="48%">.

5. Для образования первой строки таблицы введите теги < TR > и </ TR >, между которыми разместите следующие теги, атрибуты, значения и текст:

< TR >

< TD WIDTH ="102">

< P ALIGN =" CENTER ">Ф.И.О.</ TD >

< TD WIDTH ="117">

< P ALIGN =" CENTER ">Год рождения</ TD >

< TD >

< P ALIGN =" CENTER ">Номер телефона</ TD >

</ TR >

6. Для образования второй строки таблицы введите теги < TR > и </ TR >, между которыми разместите следующие теги, атрибуты, значения и текст:

< TR >

< TD WIDTH ="102">

< P ALIGN =" CENTER "> Петров И. И.</ TD >

< TD WIDTH ="117">

< P ALIGN =" CENTER ">1992</ TD >

< TD >

< P ALIGN =" CENTER ">22-15-40</ TD >

</ TR >

7. Для образования третьей строки таблицы введите теги < TR > и </ TR >, между которыми разместите следующие теги, атрибуты, значения и текст:

< TR >

< TD WIDTH ="102">

< P ALIGN =" CENTER "> Иванов П. П.</ TD >

< TD WIDTH ="117">

< P ALIGN =" CENTER ">1993</ TD >

< TD >

< P ALIGN =" CENTER ">36-18-09</ TD >

</ TR >

8. Завершите таблицу тегом </ TABLE >.

9. Сохраните документ под именем таблица.htm.

10. Запустите обозреватель Internet Explorer и откройте файл таблица.htm.

12. Изучите, как созданная таблица отображается в программе Internet Explorer, обращая особое внимание на влияние заданных атрибутов.

13. Измените ширину окна обозревателя и установите, как при этом изменяется
внешний вид таблицы.

Мы познакомились с приемами создания таблиц средствами языка HTMLдля пред­ставления данных. Мы научились создавать таблицы и изменять их вид при помощи атрибутов тегов HTML.

Дата добавления: 2015-10-02