1. Посилання

Посилання — дуже важливий елемент допису в блозі. Це справді так, адже ви отримуєте перевагу, спрямовуючи читачів на іншу сторінку свого блогу або в зовсім інший блог. У більшості випадків посилання — це рядки, виділені синім кольором.  
Якщо натиснути на них, відкриється певна URL-адреса. Формат посилання такий

Формат складається з трьох основних частин, які вам потрібно зрозуміти. href — найважливіша частина тегу, оскільки вона містить адресу, на яку переходять відвідувачі. У наведеному вище прикладі це адреса mypage.com. Заголовок — це опис посилання, що є основною вимогою стандартів HTML. Якірний текст, заключна частина тегу, видимий користувачам. Для цієї частини тегу є два основні варіанти. Ви можете вибрати речення, одне слово або просто зображення, яке відкриває адресу.

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

Теги для напівжирного та курсивного накреслення — найпоширеніша форма форматування слів. Напівжирний тег виділяє слово або речення жирним шрифтом, а тег курсиву забезпечує курсивне накреслення. Ці два елементи дуже важливі, коли потрібно виділити важливу інформацію для шанувальників або відвідувачів вашого блогу. Вони допомагають розставити акценти.

Формат цих двох тегів дуже простий для розуміння.

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

3. Заголовки

У документах використовують різні заголовки — від h1 до h6, залежно від вашого вмісту. Заголовки — чудовий спосіб класифікувати вміст у вашому блозі. Завдяки їм його дуже легко розуміти й читати. Теги заголовків дуже легко додати до свого блогу. Наприклад, для h2 ви використовуєте тег <h2>мій заголовок</h2>. Розмір літер поступово зменшується, але вони залишаються виразними, щоб розрізняти різні теми й підтеми.

4. Абзаци<p>

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

Тег абзацу певною мірою унікальний і відрізняється від інших тегів. Це також найпростіший з усіх тегів. Щоб допомогти веббраузеру розпізнати початок нового абзацу, достатньо додати тег <p>. Тег <p> позначає початок нового абзацу.

5. Списки

Щоб створити список з іменами Дима, Вова та Саша, просто використовуйте теги <li>. Однак вам потрібно запам’ятати формат списку, у якому використовують теги <ul></ul> для маркованих списків або <ol></ol> для нумерованих списків. Ці теги потрібно ставити перед і після імен та їхніх тегів.

6. Цитати

Цитати з блоковим відступом спрощують цитування довгого абзацу й роблять контент оригінальним. Щоб використовувати цитати, просто скористайтеся тегом <blockquote>. Зазвичай разом із ним використовують тег цитування. Це тег <cite>, який допомагає вказати посилання на джерело цитати.

7. Зображення <img>

Зображення важливі для кожного блогу, адже допомагають краще пояснювати.

Тег зображення записують у такому форматі:

Ці специфікації допомагають визначити формат і дизайн зображення відповідно до ваших уподобань щодо блогу.

8. Розрив рядка <br>

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

За допомогою цього тегу браузер може створювати невеликі проміжки між рядками контенту.

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

Вона допомагає позбутися монотонності контенту й розділити його на різні частини. Горизонтальна лінія дуже важлива для блогів; для неї використовують тег <hr>.

Висновок

Вести блог легко. Однак, щоб відвідувачі поверталися й із задоволенням проводили час у вашому блозі, вам потрібен гарний, добре впорядкований дизайн.