Краткие рецепты по CSS и HTML
Как отобразить теги на веб-странице?
Любые теги никак не показываются в окне браузера, поскольку воспринимаются браузером как команды для вставки элементов и изменения их свойств. Но иногда требуется на веб-странице вывести теги, например, для демонстрации HTML-кода. В этом случае используйте спецсимволы < и > для замены угловых скобок < и >. При этом тег <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=windows-1251">
<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 HTML PUBLIC "-//W3C//DTD
HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br>
<html><br>
<head><br>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251"><br>
<title>Формула этанола</title><br>
</head><br>
<body><br>
<p>Формула этанола С<sub>2</sub>Н<sub>5</sub>ОН</p><br>
</body><br>
</html>
</p>
</body>
</html>
В данном примере выводится код веб-страницы, а чтобы браузер не воспринимал теги напрямую, скобки < и > заменены специальными символами < и >.