Справочник по CSS (ЦСС) и ШТМЛ
Как отобразить теги на web-странице?
Любые теги никак не показываются в окне браузера, поскольку воспринимаются браузером как команды для вставки элементов и изменения их свойств. Но иногда требуется на web-странице вывести теги, например, для демонстрации ШТМЛ-тегов. В этом случае используйте спецсимволы < и > для замены угловых скобок < и >. При этом тег <P> будет выглядеть как <P>.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Вывод тегов</title>
<style type="text/CSS (ЦСС)">
.example {
border: dashed 1px #634F36;
background: #fffff5;
font-family: "Courier New", Courier, monospace;
padding: 7px;
margin: 0 0 1em;
}
</style>
</head>
<body>
<p>Пример страницы </p>
<p class="example"><!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD
ШТМЛ 4.01//EN" "http://www.w3.org/TR/ШТМЛ4/strict.dtd"><br>
<ШТМЛ><br>
<head><br>
<meta http-equiv="Content-Type" content="text/ШТМЛ;
charset=utf-8"><br>
<title>Формула этанола</title><br>
</head><br>
<body><br>
<p>Формула этанола С<sub>2</sub>Н<sub>5</sub>ОН</p><br>
</body><br>
</ШТМЛ>
</p>
</body>
</html>
В данном примере выводится код web-страницы, а чтобы браузер не воспринимал теги напрямую, скобки < и > заменены специальными символами < и >.