← Каталог
HTML-страницы целиком — Списки — маркированный и нумерованный
Фрагмент из «HTML-страницы целиком»: Списки — маркированный и нумерованный.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Списки в HTML</title>
<style>
body { font-family: system-ui, sans-serif; padding: 1.25rem; max-width: 36rem; }
h2 { margin-top: 1.5rem; }
</style>
</head>
<body>
<h1>Подготовка к уроку веб-разработки</h1>
<h2>Что взять с собой</h2>
<ul>
<li>Ноутбук с браузером Chrome или Firefox</li>
<li>Блокнот для конспекта</li>
<li>Флешка с резервной копией <code>index.html</code></li>
</ul>
<h2>Порядок действий на уроке</h2>
<ol>
<li>Создать файл <code>index.html</code></li>
<li>Вставить каркас с <code>DOCTYPE</code></li>
<li>Добавить заголовок и два абзаца</li>
<li>Открыть страницу в браузере и сделать скриншот</li>
</ol>
<h2>Глоссарий (список определений)</h2>
<dl>
<dt>HTML</dt>
<dd>Язык разметки гипертекста</dd>
<dt>CSS</dt>
<dd>Таблица стилей для оформления</dd>
</dl>
</body>
</html><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Списки в HTML</title>
<style>
body { font-family: system-ui, sans-serif; padding: 1.25rem; max-width: 36rem; }
h2 { margin-top: 1.5rem; }
</style>
</head>
<body>
<h1>Подготовка к уроку веб-разработки</h1>
<h2>Что взять с собой</h2>
<ul>
<li>Ноутбук с браузером Chrome или Firefox</li>
<li>Блокнот для конспекта</li>
<li>Флешка с резервной копией <code>index.html</code></li>
</ul>
<h2>Порядок действий на уроке</h2>
<ol>
<li>Создать файл <code>index.html</code></li>
<li>Вставить каркас с <code>DOCTYPE</code></li>
<li>Добавить заголовок и два абзаца</li>
<li>Открыть страницу в браузере и сделать скриншот</li>
</ol>
<h2>Глоссарий (список определений)</h2>
<dl>
<dt>HTML</dt>
<dd>Язык разметки гипертекста</dd>
<dt>CSS</dt>
<dd>Таблица стилей для оформления</dd>
</dl>
</body>
</html>