Перейти к содержанию

Пример

Это очень простая HTML-страница, демонстрирующая разметку текста.

Структурная разметка текста включает такие элементы как <h1>, <h2> и <p>.

Семантическая информация представлена в таких элементах, как <cite> и <em>.

Код
<html>
    <head>
        <title>Текст</title>
    </head>
    <body>
        <hl>Роман без названия</h1>
        <h2>Глава 1</h2>
        <p>Мария стояла перед окном уже около часа. 
            На столе, между экземплярами <i>"GEO"</i> и других журналов, 
            в которых публиковались ее статьи, лежала зачитанная книга 
            <cite>"В дороre"</cite>. 
            Это была любимая книга Марии еще со школьной скамьи, 
            и чем больше времени она проводила в четырех стенах этой комнаты, 
            тем больше она понимала, что хочет вырваться на свободу. </p>
        <p>Последние десять лет она провела в этой комнате, 
            сидя под плакатом с цитатой Оскара Уайльда, гласящей: 
            <q>Работа - это убежище для людей, которым больше нечем заняться</q>. 
            Хотя многие считали ее поистине пионерскую работу по изучению 
            <dfn>генома</dfn> человека большим достижением, 
            Марию не покидала мысль, что у нее 
            <em>есть</em> более достойные занятия…</р>
    </body>
</html>

Результат