Как создать свой сайт на языках HTML и CSS.
Нумерованные списки.
Для создания нумерованных списков в html используется тег ol. Внутри тега ol находятся теги li,между которыми будет находится текст.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<ol>
<li>Текст<li>
<li>Текст<li>
<li>Текст<li>
</ol>
</body>
</html>
Страница в браузере:
- Текст
- Текст
- Текст
Для создания нумерованных списков с римской нумерацией нужно в теге ol написать параметр type="".В кавычках написать I.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<ol type="I">
<li>Текст<li>
<li>Текст<li>
<li>Текст<li>
</ol>
</body>
</html>
Страница в браузере:
- Текст
- Текст
- Текст
Маркированные списки
Для создания маркированных списков вместо тега ol используется тег ul.Для создания круглых маркированных списков в теге ul используется параметры type="disc"
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<ul type="disc">
<li>Текст<li>
<li>Текст<li>
<li>Текст<li>
</ul>
</body>
</html>
Страница в браузере:
- Текст
- Текст
- Текст
Для создания маркированных списков с пустыми кружочками вместо disc пишем circle.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<ul type="circle">
<li>Текст<li>
<li>Текст<li>
<li>Текст<li>
</ul>
</body>
</html>
Страница в браузере:
- Текст
- Текст
- Текст
Если вы хотите чтобы вместо кружков были закрашенные квадратики надо вместо circle написать square.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<ul type="square">
<li>Текст<li>
<li>Текст<li>
<li>Текст<li>
</ul>
</body>
</html>
Страница в браузере:
- Текст
- Текст
- Текст