[Назад] [Оглавление] [Далее]
Списки на 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> (Показать) (Показать главную страницу)
[Назад] [Оглавление] [Далее]
|