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. Веб Розробка
2. Теги та Атрибути
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

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.

html

index

css

index

js

index

copy
1. Який HTML-тег використовується для створення впорядкованого списку?
2. What are the two main types of lists in HTML?
3. What HTML tag is used to create an ordered list?
Який HTML-тег використовується для створення впорядкованого списку?

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

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

What are the two main types of lists in HTML?

What are the two main types of lists in HTML?

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

What HTML tag is used to create an ordered list?

What HTML tag is used to create an ordered list?

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

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

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

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

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