PIG DATA

HTML-теги, которые вы должны использовать при публикации контента блога

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

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

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

1. Ссылки

Ссылка — очень важный элемент поста в блоге. Это верно, потому что вы получаете преимущество, отсылая своих читателей на другую страницу вашего блога или полностью в другой блог. В большинстве случаев ссылки представляют собой строки, выделенные синим цветом. 
При нажатии они открывают определенный URL-адрес. Формат ссылки такой

<a href="https://mysite.com/" title="description">якорный текст</a>

Формат состоит из трех основных частей, которые вам необходимо понять. href является наиболее важной частью тега, так как он содержит адрес, на который перенаправляются посетители. Это адрес mypage.com в приведенном выше примере. Заголовок — это описание ссылки, что является основным требованием стандартов HTML. Якорный текст, заключительная часть тега, видна пользователям. Есть два основных варианта этой части тега. Вы можете выбрать предложение, одно слово или просто изображение, открывающее адрес.

2. Теги <strong> и <em>

Теги, выделенные жирным шрифтом и курсивом, являются наиболее распространенной формой форматирования слов. При использовании полужирные теги выделяют слово или предложение жирным шрифтом, а курсивный тег обеспечивает курсивное начертание. Эти два элемента очень важны при выделении важной информации для поклонников или посетителей вашего блога. Они помогают расставить акценты.

Формат этих двух тегов очень прост для понимания.

Тег, выделенный жирным шрифтом, <strong>мой пример</strong>

Тег курсив <em>мой пример</em>.

Важно понимать, что исходными тегами для этих двух тегов в предыдущих версиях HTML были <b> и <i> соответственно. Эти два, однако, больше не используются.

3. Заголовки

В документах используются разные заголовки, от h1 до h6, в зависимости от вашего контента. Заголовки — отличный способ классифицировать контент в вашем блоге. Это делает его очень легким для понимания и чтения. Теги заголовков очень легко внедрить в свой блог. Например, для h2 вы используете тег <h2>мой заголовок</h2>. Размер букв становится все меньше, но остается уникальным, чтобы различать разные темы и подтемы.

<h1>Заголовок первого уровня</h1>

<h2>Заголовок первого уровня</h2>

<h3>Заголовок первого уровня</h3>

<h4>Заголовок первого уровня</h4>

<h5>Заголовок первого уровня</h5>
<h6>Заголовок первого уровня</h6>


4. Абзацы<p>

Большинство людей не понимают важности абзацев в блогах. Хорошо известно, что пробелы в контенте уменьшают скуку. Больше пробелов помогает читателям сохранять интерес к контенту. Абзацы также сохраняют единообразное расположение содержимого и помогают разделить различные точки, используемые в содержании.

Тег абзаца каким-то образом уникален и отличается от других тегов. Это также самый простой из всех других тегов. Все, что вам нужно сделать, чтобы помочь веб-браузеру распознать начало нового абзаца, — это включить тег <p>. Тег <p> сигнализирует о начале нового абзаца.

<p>Абзац с каким-то текстом</p>
<p>Еще один абзац с новой строки</p>


5. Списки

Чтобы составить список с именами Дима, Вова и Саша, вы просто используете теги <li>. Однако вам необходимо запомнить формат списка, в котором используются теги <ul></ul>, определяющие маркированные списки, или <ol></ol>, содержащие нумерованные списки. Вы должны использовать эти теги до и после имен и их тегов.

Для упорядоченных списков:

<ol>

   <li>Дима</li>

   <li>Вова</li>

   <li>Саша</li>

</ol>

Для неупорядоченных списков

<ul>

   <li>Дима</li>

   <li>Вова</li>

   <li>Саша</li>

</ul>


6. Цитаты

Блок-цитаты упрощают цитирование длинного абзаца, делая контент уникальным. Чтобы использовать цитаты, вам просто нужно использовать тег <blockquote>. Он имеет тег цитирования, обычно используемый вместе с ним. Этот тег цитирования — <cite>, который помогает указать ссылку на источник цитаты.

Тег blockquote записывается как

<blockquote>Текст цитаты</blockquote>


7. Изображение <img>

Изображения важны для каждого блога, чтобы помочь объяснить лучше.

Тег изображения записывается в следующем формате:

<img src="img/example-img" title="__"  alt="__">

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

8. Разрыв строки <br>

Тег разрыва строки, записанный как <br>, помогает создавать собственные определения межстрочного интервала. Это важно, поскольку хост вашего блога имеет настройки, определяющие промежутки между вашими абзацами, которые могут противоречить вашим потребностям.

Используя этот тег, браузер может создавать простые небольшие промежутки между строками контента.

9. Горизонтальная линия <hr>

Это помогает разрушить монотонность контента и разделить его на разные части. Горизонтальная линия очень важна для блогов и использует тег <hr>.

Вывод

Блог легко вести. Однако, чтобы посетители приходили снова и наслаждались своим временем в вашем блоге, вам нужен красивый, хорошо организованный дизайн.

разработка, html, html-теги, блог, популярные теги
88 просмотров
0 комментариев
Последние

Кликните на изображение чтобы обновить код, если он неразборчив
Комментариев пока нет
PIG DATA
Community о Хрюшах, событиях, технологиях и IT. Создан для людей и маленьких Хрюшек.