Абзац

Тег <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>) для кожного елемента.

List nesting

Both <ul> and <ol> can be nested inside each other to create sub-lists. For example, you can create a numbered list (<ol>) with nested bullet point lists (<ul>) for each item.