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

Дата добавления: 2015-07-09; просмотров: 436; Нарушение авторских прав

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.

<== предыдущая лекция	\|	следующая лекция ==>
	\|	Создание описания фреймов