Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Розмітка Тексту | Теги та Атрибути
Знайомство з HTML
course content

Зміст курсу

Знайомство з HTML

Знайомство з HTML

1. Веб Розробка
3. Структура Документа
4. Медіа та Таблиці
5. Форми

bookРозмітка Тексту

Абзац

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

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

html

index

css

index

js

index

copy

Примітка

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

Заголовки

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

html

index

css

index

js

index

copy

Списки

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

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

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

html

index

css

index

js

index

copy

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

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

html

index

css

index

js

index

copy

Вкладеність списків

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

html

index

css

index

js

index

copy
1. Яке призначення тегу `<p>` в HTML?
2. Які існують два основні типи списків в HTML?
3. Який HTML-тег використовується для створення впорядкованого списку?
Яке призначення тегу `<p>` в HTML?

Яке призначення тегу <p> в HTML?

Виберіть правильну відповідь

Які існують два основні типи списків в HTML?

Які існують два основні типи списків в HTML?

Виберіть правильну відповідь

Який HTML-тег використовується для створення впорядкованого списку?

Який HTML-тег використовується для створення впорядкованого списку?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 5
some-alt