HTML Text

Текст короля

Не важно, сколько модные эффекты анимации и веб-сайты могут иметь, основной движущей силой Интернета и всегда будет текстовое содержание. Поэтому одна из первых вещей, которые вы должны знать о HTML является, как правильно структура и настоящей текстовой информации.

Пункты

Самым основным инструментом HTML предлагает этот пункт является элементом <p>...</p> . Он охватывающего текста между его открытия и закрытия тегов и добавляет по умолчанию дополнительные пустые строки до и после него. Вот пример с двумя пунктами:

HTML пункта

<p>Donec at enim. Nunc ac leo. Proin nec odio. In id odio sed neque varius rutrum. Sed tellus. Vestibulum enim lacus, cursus id, tempus nec, consequat ac, nibh. Nulla facilisi. Donec vestibulum ante. Nulla facilisi.</p>
<p>Nulla quam sem,
pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

Выходной

Переносы строк

Возможно, вы обратили внимание на строку после сем Quam Nulla, в коде второго пункта выше, и спрашивает, почему она не выглядят так же, на выходе веб-страницы. HTML игнорирует строк и двух или более последовательных пространства. Если вы хотите добавить строку вы должны сообщить HTML явным с помощью строки тегов <br /> .

<br />является самостоятельным закрывающего тега (только одного тега без закрывающего тега) и может быть использован практически в любом месте вы хотите добавить строку. Используйте его редко, хотя, как вы скоро узнаете о гораздо более эффективные способы размещения контролируемом пространстве между текстовыми блоками.

HTML линия-брейк

<p>Nulla quam sem,<br />pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

Выходной

Сильные и выделенного текста

Если вы хотите дать дополнительный вес отдельных частей текста можно использовать сильные тега <strong> или подчеркнуть тега <em> . Семантически они имеют тот же смысл давать большее значение, прилагаемый текст. Однако браузеры традиционно оказывают сильный текст жирным и подчеркнул текста курсивом.

HTML сильные и подчеркивать

<p>this is <strong>strong</strong> text<br />
this is <em>emphasized</em> text</p>

Выходной

Поскольку эти метки призваны придать большее значение в прилагаемом тексте, они должны использоваться только для этой цели, а не просто дать текста полужирным шрифтом или курсивом вид. Вы скоро узнаете в начинающих Учебник CSS гораздо лучший способ делать именно это. Помните, что HTML предназначен для использования в структуре и семантике в то время как CSS для изменения стиля и внешнего вида документа.