• Skip to navigation
  • Skip to main content
  • Skip to secondary content
  • Skip to footer

Блог SEO Jedi

Продвижение сайтов самостоятельно
  • Главная
  • Dofollow блоги
  • SEO консультации
    • Услуги по созданию и продвижению сайтов
    • SEO оптимизация сайтов
    • Создание интернет-магазинов
  • План продвижения
  • Карта сайта
  • Контакты
Icon Facebook Icon Twitter Follow Me on Pinterest Icon Google+ Icon Email RSS Icon RSS

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

Fima Korolev 06.06.2014 в 19:22:00

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

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

 

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

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

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

Заголовки текста HTML
1
2
3
4
5
6
<h1> Заголовок 1 уровня </h1>
<h2> Заголовок 2 уровня </h2>
<h3> Заголовок 3 уровня </h3>
<h4> Заголовок 4 уровня </h4>
<h5> Заголовок 5 уровня </h5>
<h6> Заголовок 6 уровня </h6>

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

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

Разделение текста на параграфы
1
2
<p> Это первый параграф </p>
<p> А это второй параграф </p>

Разрыв строк

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

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

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

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

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

Жирный текст

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

Жирный текст
1
<b> Это жирный текст </b>

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

Жирный текст
1
<strong> Это жирный текст </strong>

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

Текст курсив

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

Текст курсив (наклонный)
1
<i> Это наклонный шрифт </i>

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

Наклонный шрифт
1
<em> Это наклонный шрифт </em>

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

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

Зачеркнутый текст
1
<strike> Это зачеркнутый текст </strike>

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

Зачеркнутый удаленный или измененный текст
1
<del> Это перечеркивание текста, который удален или заменен </del>

Мелкий текст

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

Мелкий текст
1
<small> Мелкий текст </small>

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

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

Свойства шрифта
1
<font face="verdana" size="3" color="red">Это обычный текст!</font>

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

Category Сайтостроение | Tags: , Основы HTML, Шрифты HTML


Основы HTML (часть 3)
Яндекс. Острова

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

  1. sister:
    2014-06-24

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

    Ответить
  2. Наркас:
    2014-06-23

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

    Ответить
  3. Кирилл:
    2014-06-13

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

    Ответить
  4. Diana:
    2014-06-08

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

    Ответить
  5. Сергей:
    2014-06-08

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

    Ответить

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

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

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

  • Dofollow блоги
  • Правила комментирования
  • SEO оптимизация сайтов
  • Популярные статьи
    • Dofollow блоги - 61 648 просмотра(ов)
    • Инстаплюс не работает! - 60 037 просмотра(ов)
    • Накрутка в инстаграм подписчиков, лайков, просмотров, комментариев… - 58 690 просмотра(ов)
    • Поиск информации в сети интернет - 46 623 просмотра(ов)
    • Как заработать в Instagram - 38 888 просмотра(ов)
  • Последние комментарии
    • Загрузка...
  • Рубрики
    • instagram (3)
    • SEO приколы (5)
    • SEO продвижение (72)
    • SEO софт (12)
    • SMM (1)
    • Безопасность сайта (1)
    • Заработок в интернете (18)
    • Копирайтинг (26)
    • Новости (31)
    • Продвижение и раскрутка (74)
    • Реклама (25)
    • Сайтостроение (29)
    • Хостинг и домены (3)
  • Последние записи
    • Создание эффективной стратегии для SMM 6 февраля 2019
    • Почему люди боятся SEO? 6 февраля 2019
    • Как донести важность SEO до вашего босса 2 февраля 2019
    • Как заблокировать пользователя, который заблокировал вас в Instagram? 30 января 2019
    • Как загрузить фотографии в Instagram с компьютера 22 января 2019
  • Архив статей
  • Рассылка 'Самостоятельное продвижение сайтов'

  • Счетчики
Главная страница | Dofollow блоги | Карта сайта | Контакты

Все права защищены © 2019 Блог SEO Jedi Создание и продвижение сайтов Веб-студия "Роза Ветров" г. Минск

Scroll