HTML - урок 4

[Назад] [Оглавление] [Далее]

Списки на Web-страницах

<ol> </ol> - нумерованный список
<ul> </ul> - маркированный список
<li></li> - элемент списка
<dl> </dl> - список определений
<dt></dt> - термин
<dd></dd> - определение

Задание

1. Откройте в папке своего сайта с помощью текстового редактора KWrite, Gedit или Блокнот файл software.html
2. Внесите изменения в текст для создания нумерованного и маркированного списка

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Программы</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
</head>
<body>
<h1 class="center">Программное обеспечение</h1>
<hr />
<ol>
<li>Системные программы</li>
<li>Прикладные программы</li>
</ol>
<ul>
<li>текстовые редакторы;</li>
<li>графические редакторы;</li>
<li>электронные таблицы;</li>
<li>системы управления базами данных;</li>
<li>системы программирования.</li>
</ul>

</body>
</html> (Показать)

3. Откройте в папке своего сайта с помощью текстового редактора KWrite, Gedit или Блокнот файл glossary.html
4. Внесите изменения в текст для создания списка определений

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Словарь</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
</head>
<body>
<h1 class="center">Компьютерные термины</h1>
<hr />
<dl>
<dt>Процессор</dt>
<dd>Центральное устройство компьютера, производящее обработку информации в двоичном коде.</dd>
<dt>Оперативная память</dt>
<dd>Устройство, в котором хранятся программы и данные.</dd>
</dl>

</body>
</html> (Показать) (Показать главную страницу)

[Назад] [Оглавление] [Далее]

Все права защищены. © 2015. Хайманова Т.Я.