- •Дополнительные задания Разработка веб-страниц
- •Формирование абзацев и заголовков
- •Устройство пк
- •Пеппи Длинный чулок
- •Работа со шрифтами
- •Создание списков
- •Вставка графики и мультимедиа
- •Гиперссылки Создание гиперссылок
- •Фреймы Создание фреймов
- •Создание гиперссылок с учетом фреймов
- •Создание таблиц
- •Создание сложных таблиц
- •Оформление таблиц
- •Формы Создание форм
Создание сложных таблиц
• Задание 1
Создайте HTML-документ по предложенному образцу.
<HTML>
<НЕАD><TITLE>Таблица</TITLE></НЕАD>
<BODY>
<TABLE BORDER="5" аlign="center" width="50%">
<TR><TH width="20%">Имя</TH>
<TH width="30%">Фoтoгpафия</TH>
<TH width="30%">Адрес</ТН></TR>
<TR><TD>Ваня</TD>
<TD rowspan="2"><IMG src="foto.jpg"></TD>
<TD>r. Минск, СШ № 303</TD></TR>
<TR><TD> Таня </TD>
<TD>r. Брест, Гимназия № 1</TD></TR>
</TABLE>
</BODY>
</HTML>
• Задание 2
Создайте HTML-документ, используя предложенный фрагмент.
…
<TABLE width="100%" border="0">
<TR>
<TD colspan="4" bgcolor="lightblue">
</TR>
<TR>
<TD colspan="4" align="center">Таблица цветов
</TR>
…
<TR>
<TD width="25%"><IMG src="bl.gif" align="right">
<TD width="25%">blue
<TD width="15%" bgcolor="blue">
<TD>
</TR>
…
• Задание 3
Создайте HTML-документ по предложенному образцу.
Начало |
||
|
|
Если enter западает |
|
|
На чужой клавиатуре, |
|
|
Ты облей ее кефиром, |
|
|
А потом помой под душем, |
|
|
Посильнее вдарь ей ломом, |
|
Стукни пару раз об стенку, Со стола швырни-ка на пол, Походи по ней ногами... |
|
|
|
|
|
|
На чужих клавиатурах |
|
|
Это очень помогает! |
Конец |
||
Оформление таблиц
• Задание 1
Создайте HTML-документ но предложенному образцу. Таблица занимает 70 % окна браузера и прижата к левому краю. Внешняя рамка – зеленая, шириной 10 pt. Внутренние границы ячеек – красные.
<HTML>
<HEAD><TITLE>Maгазин</TITLE></HEAD>
<BODY>
<Н1>Издательство "ЭРГО"</Н1>
<НЗ>предлагает учебники</НЗ>
<TABLE border="10" width="70%" bordercolor="green">
<TR>
<ТН>Предмет</ТН>
<ТН>Класс</ТН>
<ТН>Цена</ТН>
</TR>
<TR>
<TD bordercolor="red" rowspan="3" valign="center">Информатика</TD>
<TD bordercolor="red" align="center">6-7</TD>
<TD bordercolor="red" align="center">7000 p</TD>
</TR>
<TR>
<TD bordercolor="red" align="center">8-9</TD>
<TD bordercolor="red" align="center">8500 p</TD>
</TR>
<TR>
<TD bordercolor="red" align="center">10-11</TD>
<TD bordercolor="red" align="center">12000 p</TD>
</TR>
</TABLE>
</BODY> </HTML>
• Задание 2
Создайте HTML-документ по предложенному образцу. Внешняя рамка – синяя, внутренние – красные, расстояние между внутренней и внешней границами – 12 pt (рис. ).