Основы HTML (часть 4)

Fima Korolev

Форматирование текста HTML шрифты

Форматирование текста и шрифты в HTML

 

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

Заголовки текста HTML

Есть 6 уровней заголовков в HTML, они определяют уровень важности. Например на блоге, ваше название блога может быть h1 тегом, в то время, как название вашего поста может быть h2 или h3 тегом.

Параграфы текста HTML

Для разделения текста на параграфы используется тег <p>

Разрыв строк

Чтобы добавить один разрыв строки мы используем <br> это пустой тег, то есть он не должен быть закрыт. Применение этого тега создает пустую строку и отправляет остальной код на следующую строку. Пример:

Рекомендую к прочтению:  HTML таблица

При использовании этого кода < br >
нас переносит на новую строку, а при использовании двух раз < br >< br >

через строку и т.д.

Горизонтальная линия

Чтобы создать горизонтальную линию поперек вашей страницы мы используем тег <hr>

Жирный текст

Жирный текст используется для выделения чего-то особо важного, чтобы этого добиться, надо обернуть слова тегом <b>

Однако в наши дни принято использовать тег <strong>

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

Текст курсив

Подобно жирному шрифту, рассмотренному выше, мы используем тег <i>, чтобы обернуть текст, который мы хотим написать курсивом.

Так же можно использовать тег <em>

Особой разницы мной не замечено.

Текст зачеркнутый

есть еще тег зачеркнутого текста <s>, но в HTML5 он больше не используется.

Рекомендую к прочтению:  Чек-лист по созданию сайта на WordPress

Мелкий текст

Для обозначения мелкого текста используем следующее обозначение

Свойства шрифта

Ранее, для определения шрифта мы использовали теги, такие как:

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


-->

5 комментариев »

  1. Самый лучший источник html-разметки — htmlbook, всегда там подсматриваю, если что-то забываю.

  2. Наркас:

    С недавних пор эта тема заинтересовала меня, хотя свой сайт я делала и без знаний кодов, но теперь уделяю этой теме большое внимание

  3. Кирилл:

    Полезная инфа. А я то думал что заголовки H сползают до бесконечности.

  4. Diana:

    Очень хорошая статья. Полезно и практично. Проверено

  5. С нетерпением ждем рассказа про CSS

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Что-то типа КАПЧИ :) *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">