IT1402: Создание и управление контентом

1234567891011121314151617181920

Материал предоставлен https://it.rfei.ru

Полезная информация

Выводы раздела

HTML-элементы используются для описания структуры страницы (например, заголовки, подзаголовки и абзацы).

Они также могут содержать семантическую (смысловую) информацию (например, в какой позиции нужно поставить логическое ударение, какова расшифровка использованных в тексте акронимов, что данный фрагмент текста является цитатой и т.д.).

Пример

Это очень простая HTML-страница, демонстрирующая разметку текста. Структурная разметка текста включает такие элементы как <h1>, <h2> и <р>. Семантическая информация представлена в таких элементах, как <cite> и <em>

HTML 

<html>
    <head>
        <title>Текст</title>
    </head>
    <body>
        <h1>Роман без названия</h1>
        <h2>Глава 1</h2>

        <p>Мария стояла перед окном уже около часа. На столе, между экземплярами <i>GEO</i> и других журналов, в которых публиковались ее статьи, лежала зачитанная книга <cite>В дороге</cite>. Это была любимая книга Марии еще со школьной скамьи, и чем больше времени она проводила в четырех стенах этой комнаты, тем больше она понимала, что хочет вырваться на свободу.
        </p>

        <p>Последние десять лет она провела в этой комнате, сидя под плакатом с цитатой Оскара Уайльда, гласящей: <q>Работа ― это убежище для людей, которым больше нечем заняться</q>. Хотя многие считали ее поистине пионерскую работу по изучению <dfn>генома</dfn> человека большим достижением, Марию не покидала мысль, что у нее <em>есть</em> более достойные занятия...
        </p>
    </body>
</html>

Результат

Тематические ссылки

  • Подробное описание тегов <h1>, <b>, <i>, <u>, <br>, <hr>, <strong>, <em>, <blockquote>, <q>, <sup>, <sub>, <abbr>, <cite>, <dfn>, <ins>, <del>, <s> и т.д. вы можете найти на образовательном ресурсе htmlbook.ru
  • Настраивающийся сервис форматирования CSS, HTML, JS dirtymarkup.com. Все на одной странице, с подсветкой кода.
  • Кчественный сервис для форматирования и сжатия кода СodeBeautify. Кроме HTML и CSS кода, также работает с Javascript, JSON, XML, RSS, Java, C# и SQL. Увы, нет настроек, но присутствует встроенные вьювер.
  • О том, в каких случаях уместнее использовать курсив, а в каких полужирный шрифт вы узнаете в статье Артемия Лебедева “Делать фонт болдом или италиком?”
Исправления контентаПроверка знаний: Текст