Практическая работа №3 «Основы языка HTML»

Практическая работа №3 «Основы языка HTML»

Таблицы.

1.Запустите Блокнот и наберите следующий текст:

<HTML>

<HEAD>

<TITLE>Третья страница Иванова Ивана</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

2. Сохраните файл с именем «Фамилия_3.HTML»

3. Сверните Блокнот и откройте этот файл при помощи Браузера. (Щелкните по этому файлу мышкой, и он автоматически откроется в Браузере).

4. После первого слова <BODY> добавьте следующую фразу :

<TABLE BORDER="1">

<TR>

<TD>Ячейка 1</TD>

<TD>Ячейка 2</TD>

<TD>Ячейка 3</TD>

</TR>

</TABLE>

5. Сохраните файл и откройте его при помощи браузера. На экране должна появиться таблица из одной строки.

6. Измените данный фрагмент следующим образом и убедитесь, что таблица увеличилась в размерах.

<TABLE BORDER="1"

HEIGHT="300">

Изменяя цифры 1000 и 300 посмотрите, как изменяются размеры таблицы.

7. После этого фрагмента добавьте в начало таблицы следующий текст:

BGCOLOR="green"

ALIGN="center">

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

8. Измените описание ячейки следующим образом:

<TD><FONT COLOR="white">Ячейка 1</FONT></TD>

Убедитесь, что цвет текста в первой ячейке стал белым.

9. Измените описание ячейки следующим образом

<TD BGCOLOR="red"><FONT COLOR="white">Ячейка 1</FONT></TD>

Убедитесь, что фон первой ячейки стал красным.

10. Задание для самостоятельного выполнения:

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