У таблицы может быть заголовок
</CAPTION>
<TR>
<TD> Первая строка, первая колонка
</TD>
<TD> Первая строка, вторая колонка
</TD>
</TR>
<TR>
<TD> Вторая строка, первая колонка
</TD>
<TD> Вторая строка, вторая колонка
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Упражнение 6: Создайте в своей папке HTML- документ, содержащий таблицу с объединенными и разделенными ячейками. Наберите текст программы, сохраните как Задание 6.html. Изучите теги Colspan, Rowspan.
<HTML>
<HEAD>
<TITLE>Пример объединения ячеек с помощью COLSPAN и ROWSPAN</TITLE>
</HEAD>
<BODY BGCOLOR = BLUE TEXT = BLACK >
<TABLE ALIGN= “CENTER” BORDER= “2” LEFTMARGIN= “40” RIGHTMARGIN= “40” CELLPACING= “0” CELLPADDING= “40” WIDTH= “100%” HEIGHT= “200”>
<TR ALIGN= “CENTER” BGCOLOR=GRAY>
<TH COLSPAN= “2”> Ячейка1 </TH>
</TR>
<TR>
<TD ALIGN= “CENTER” ROWSPAN= “3”> Ячейка 2 </TD>
<TD ALIGN= “CENTER” > Ячейка 3 </TD>
</TR>
<TR>
<TD ALIGN= “CENTER” > Ячейка 4 </TD>
</TR>
<TR>
<TD ALIGN= “CENTER” > Ячейка 5 </TD>
</TR>
</TABLE>
</BODY>
</HTML>
Задания для самостоятельной работы:
| № вар. | Задание |
| Составить HTML-документ вашей группы. Документ будет содержать список, таблицы и фотографию вашей группы. На свою фамилию поставьте гиперссылку на свою страничку (ваш HTML-документ), которая будет содержать небольшую информацию о вас. | |
| Составить HTML-документ вашего курса. Документ будет содержать список групп, таблицу данных, обучающихся на первом курсе вашего факультета. На название вашей группы поставьте гиперссылку на страничку (HTML-документ) вашей группы, которая будет содержать небольшую информацию о ней и фотографию. | |
| Составить HTML-документ вашего факультета. Документ будет содержать список специальностей, таблицу с информацией, по которым обучаются на вашем факультете и фотографию факультета. На название вашей специальности поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о вашей специальности. |
Примечание: Документ должен содержать все представленные выше теги создания объектов.
|
|
|
Дата добавления: 2016-01-06; просмотров: 15; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!