Зачастую в книгах первую букву главы делают большой, украшенной орнаментом. Это называется «буквицей». Но мало кто знает, что подобное можно реализовать на веб-странице с помощью простого HTML.
Специально для этой задачи существует псевдоэлемент first-letter. Именно он задаёт стиль первой буквы элемента.
Выглядеть это будет примерно следующим образом:
<!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"> <style type="text/css">
p:first-letter { font-family : Georgia, Tahoma, Arial, sans-serif; /* шрифт */ font-size: 48px; /* Здесь задаётся размер заглавной буквы */ float: left; /* Здесь устанавливается выравнивание по левому краю */ color: blue; /* Здесь задаётся цвет заглавной буквы */ padding: 5px; /* Здесь задаётся отступ между заглавной буквой и текстом */ }
</style> </head>
<body> <p>Зачастую в книгах первую букву главы делают большой, украшенной орнаментом. Это называется «буквицей». Но мало кто знает, что подобное можно реализовать на веб-странице с помощью простого HTML. Специально для решения это задачи существует специальный псевдоэлемент first-letter.</p> </body>
</html>
В результате должно получиться нечто подобное:
Не забывайте, что также это очень легко реализовать с помощью CSS.
