Материал: 1896
<DD>Кто придумал Интернет <DT>Основные понятия среды Интернета <DD>Составляющие Интернета
</DL>
</BODY></HTML>
На рис. 29 показано, как будет выглядеть файл в окне браузера.
Рис. 29. Вид Web-страницы в окне браузера
Списки в списках
Одно из замечательных свойств списков – это возможность вкладывать их друг в друга. Вложение списков в списки позволяет создавать несколько уровней организации информации.
Приведем пример:
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Internet</TITLE></HEAD><BODY>
<H1><P ALIGN="CENTER">Интернет и World Wide Web</H1><BR> <OL><LH><H2>Здесь вы можете узнать:</H2></LH><BR>
<LI>Что такое Интернет
<UL TYPE="CIRCLE"> <LI>Определение понятия
</UL>
<LI>Историю создания Интернета
<UL TYPE="CIRCLE"> <LI>Кто придумал Интернет
</UL>
<LI>Основные понятия среды Интернета
<DL>
<DT>Составляющие Интернета:
<DD>Электронная почта, телеконференции, поисковые системы ...
</DL>
</OL>
</BODY></HTML>
На рис. 30 показано, как будет выглядеть файл в окне браузера.
Рис. 30. Вид Web-страницы в окне браузера
Контрольные вопросы
1.Для чего необходимы списки на Web-странице?
2.Как оформить маркированный список в Web-документе?
3.Как оформить нумерованный список в Web-документе?
4.Как оформить список определений в Web-документе?
5.Каким образом определяется тип списка?
6.Каким образом задается нумерация списка?
Практические задания
1.Создайте HTML-документ, отображающий на экране браузера следующую информацию (рис. 31):
Рис. 31. Вид Web-страницы в окне браузера
2.Создайте HTML-документ, отображающий на экране браузера следующую информацию (рис. 32):
Рис. 32. Вид Web-страницы в окне браузера
3.Напишите программу для отображения списка:
ОГЛАВЛЕНИЕ
I. Общие сведения о программировании.
1.Введение.
2.Что такое информатика?
3.Что такое информация?
4.Что такое вычислительная машина? Общие положения. Подробнее о памяти. Ввод-вывод.
Оперативная память, внешняя память. Порядок некоторых величин.
5.Что может делать вычислительная машина?
6.Что такое программирование?
7.Несколько ключевых слов.
8.Краткая история информатики.
a.Прединформатика.
b.Протоинформатика.
c.Информатика.
d.Библиография.
e.Задача.
II. Введение в языки программирования.
1.4.ИСПОЛЬЗОВАНИЕ ТАБЛИЦ НА WEB-СТРАНИЦЕ
1.4.1.Основные теги создания таблиц
Усписков есть один недостаток – они одномерны. Таблицы же позволяют располагать данные не только по строкам, но и по столбцам. Благодаря наличию строк и столбцов таблицы удобны для сравнения и противопоставления информации. Каждые строку и столбец можно озаглавить, чтобы информация выглядела подобно электронной таблице. Хорошая таблица делает Web-страницу информативной, аккуратной и организованной, неудачная разбивает ее и запутывает. Задание таблицы может показаться сложным, поскольку для этого применяется целый ряд тегов. В табл. 12 приведены теги для создания таблиц.
|
Таблица 12. Теги создания таблиц |
|
Тег |
Комментарий |
|
<TABLE>…</TABLE> |
Эти теги охватывают таблицу |
|
<TABLE BORDER="1"> |
Создает видимую сетку, разделяющую строки и |
|
|
столбцы |
|
<CAPTION>…</CAPTION> |
Текст, отмеченный этими тегами, выводится в виде |
|
|
заголовка |
|
<TH>…</TH> |
Теги отображают текст заголовка строки или |
|
|
столбца немного более крупным полужирным |
|
|
шрифтом |
|
<TR>…</TR> |
Теги определяют каждую строку таблицы. Тег |
|
|
</TR> необязателен, но он делает HTML-код более |
|
|
полным и понятным |
|
<TD>…</TD> |
Эта пара тегов определяет текст каждой ячейки |
|
|
таблицы |
|
<TD ROWSPAN=" "> |
Указывает количество строк, которое объединено в |
|
|
одной ячейке (по умолчанию =1) |
|
<TD COLSPAN=" "> |
Указывает количество столбцов, которое |
|
<TH COLSPAN=" "> |
объединено в одной ячейке (по умолчанию =1) |
|
<TABLE WIDTH=" "> |
Устанавливает ширину таблицы в пикселях или |
|
|
процентах от ширины документа |
|
<TD WIDTH=" "> |
Устанавливает ширину ячейки в пикселях или |
|
|
процентах от ширины документа |
|
<TABLE HEIGHT=" "> |
Устанавливает высоту таблицы в пикселях или |
|
|
процентах от высоты документа |
|
<TD HEIGHT=" "> |
Устанавливает высоту ячейки в пикселях или |
|
|
процентах от высоты документа |
|
<TD NOWRAP=" "> |
Не позволяет программе просмотра делать перевод |
|
|
строки в ячейке таблицы |
|
Замечание: пиксель (элемент рисунка) – это единица измерения, характеризующая разрешение монитора. Чтобы представить себе размер пикселя, вспомните, что стандартный экран монитора VGA (c