Код вашей страницы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"Глава " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
</style>
</head>

<body>

<p>Заметка: Internet Explorer 8 (и выше) поддерживает свойство counter-reset только если указан !DOCTYPE.</p>

<h1>HTML учебники</h1>
<h2>Учебник HTML</h2>
<h2>Учебник XHTML</h2>
<h2>Учебник CSS</h2>

<h1>Учебники скриптовых языков</h1>
<h2>JavaScript</h2>
<h2>VBScript</h2>

<h1>Учебники XML</h1>
<h2>XML</h2>
<h2>XSL</h2>

</body>
</html>

Результат в окне браузера

Заметка: Internet Explorer 8 (и выше) поддерживает свойство counter-reset только если указан !DOCTYPE.

HTML учебники

Учебник HTML

Учебник XHTML

Учебник CSS

Учебники скриптовых языков

JavaScript

VBScript

Учебники XML

XML

XSL

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки