Абзац

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

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

Примітка

В інтегрованому середовищі розробки (IDE), програмному застосунку, який допомагає програмістам ефективно розробляти програмний код, можна використовувати функціонал lorem для генерації тексту, який заповнює вміст для цілей дизайну та макетування. Наприклад, ви можете ввести lorem20 у HTML-документі та натиснути клавішу Enter. Це створить текст довжиною у 20 слів. Замість 20 можна використовувати будь-яке число.

Заголовки

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

Списки

У HTML списки можна створювати за допомогою двох основних тегів: <ul> (невпорядкований список) та <ol> (упорядкований список).

Невпорядкований список

<ul> створює список з маркерами або іншими позначками для кожного елемента без певного порядку чи ранжування. Кожен елемент обгорнутий тегом <li> (елемент списку), який створює окремий маркер для кожного елемента.

Впорядкований список

<ol>, навпаки, використовується для створення списку з певним порядком або ранжуванням. Елементи списку нумеруються послідовно за допомогою тега <li>.

Ви також можете вказати початкове значення для нумерації за допомогою атрибута start у тегу <ol>.

Вкладені списки

Обидва теги <ul> та <ol> можна вкладати один в одного для створення підсписків. Наприклад, можна створити нумерований список (<ol>) з вкладеними маркованими списками (<ul>) для кожного елемента.