Задание № 3. Разные типы выравнивания ячеек таблицы
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере. Результатом должно послужить следующее:
Задание № 4. Пример объединения ячеек с помощью COLSPAN и ROWSPAN
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере. Результатом должно послужить следующее:
Задание № 5. Группировка данных таблицы
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере. Результатом должно послужить следующее:
Из результата видно, что таблица состоит из четырёх столбцов, в которых данные сгруппированы по заданному признаку. Первые два столбца имеют тип выравнивания по центру, последние два- по правому краю.
Поскольку область применения тега <COLGROUP> ограничивается единственным браузером Microsoft Internet Explorer, то следует пользоваться ими с осторожностью. Удобство использования этих тегов очевидно, но на практике большинство таблиц строится с использованием соответствующего параметра выравнивания ALIGN для каждой ячейки таблицы, где это необходимо, что значительно увеличивает объем исходного кода таблицы, однако обеспечивает возможность просмотра в любом браузере.
|
|
Задание № 6. Нестандартные возможности прорисовки структуры таблицы
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Нестандартные возможности прорисовки структуры таблицы</TITLE>
</HEAD>
<BODY>
<TABLE ALIGN="CENTER" BORDER="1" CELLSPACING="0" CELLPADDING="4" FRAME="HSIDES" RULES="ROWS">
<CAPTION> <B>Таблица 1 </B> </CAPTION>
<TR>
<TD>Ячейка 1</TD> <TD>Ячейка 2</TD> <TD>Ячейка 3</TD> <TD>Ячейка 4</TD>
</TR>
<TR>
<TD>Ячейка 5</TD> <TD>Ячейка 6</TD> <TD>Ячейка 7</TD> <TD>Ячейка 8</TD>
</TR>
</TABLE>
<TABLE ALIGN="CENTER" BORDER="1" CELLSPACING="0" CELLPADDING="4"
FRAME="box" RULES="GROUPS">
<CAPTION> <B>Таблица 2</B></CAPTION>
<TR>
<TD>Ячейка 1</TD> <TD>Ячейка 2</TD> <TD>Ячейка 3</TD> <TD>Ячейка 4</TD>
</TR>
<TR>
<TD>Ячейка 5</TD> <TD>Ячейка 6</TD> <TD>Ячейка 7</TD> <TD>Ячейка 8</TD>
</TR>
</TABLE>
<TABLE ALIGN="CENTER" BORDER="1" CELLSPACING="0" CELLPADDING="4" FRAME="ABOVE" RULES="ALL">
<CAPTION> <B>Таблица 3</B> </CAPTION>
<TR>
<TD>Ячейка 1 </TD> <TD>Ячейка 2</TD> <TD>Ячейка 3</TD> <TD>Ячейка 4</TD>
|
|
</TR>
<TR>
<TD>Ячейка 5</TD> <TD>Ячейка 6</TD> <TD>Ячейка 7</TD> <TD>Ячейка 8</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере. Результатом должно послужить следующее:
ЛАБОРАТОРНАЯ РАБОТА № 4
Создание гиперссылок
Цель: научить осуществлять связь между страницами HTML.
Время выполнения: два академических часа.
Форма занятия: лабораторная работа.
Дата добавления: 2018-11-24; просмотров: 286; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!