Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Керування Потоком Документа та Макетом | Структура HTML-Документа
Ultimate HTML

bookКерування Потоком Документа та Макетом

Потік

Потік веб-сторінки визначає порядок, у якому елементи відображаються вертикально та горизонтально. За замовчуванням елементи показуються у тому порядку, в якому вони розташовані в HTML-документі, зверху вниз. Горизонтальний потік зазвичай рухається зліва направо; однак у мовах із читанням справа наліво потік також змінюється на протилежний — справа наліво.

Кожен елемент у HTML є прямокутною областю, що займає позицію на рядку, подібно до слів на лінійованому аркуші. Існує два основних типи елементів: блочні та рядкові елементи.

index.html

index.html

copy

Після аналізу прикладу можна зробити такий висновок:

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

Рядковий елемент: займає лише ту ширину, яка необхідна для його вмісту. Це дозволяє рядковим елементам розміщуватися на одному рядку. Вони переносяться на наступний рядок, якщо на поточному недостатньо місця.

Note
Примітка

Властивість display для HTML-елементів визначена за стандартами та конвенціями, встановленими специфікацією HTML. Ці стандарти визначають типове відображення елементів у різних веббраузерах. Конкретний тип будь-якого елемента можна знайти у довідкових або специфікаційних посиланнях: HTML Reference та HTML Specification.

Типи елементів

Як вже зазначалося, кожен елемент у браузерному стилі має тип, який визначається властивістю display і впливає на його поведінку. Основні типи елементів — це блочні та рядкові елементи, а також існують додаткові типи, наприклад, inline-block елементи.

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

Блочні елементи: використовуються для визначення більших структур контенту, таких як заголовки, абзаци, списки та секції (наприклад, шапки, підвали). Відображаються у вигляді прямокутних блоків, які вертикально розташовуються один над одним.

1. За замовчуванням елементи можуть відображатися на веб-сторінці у будь-якому порядку, який обирає браузер.

2. Які два основні типи елементів?

3. Абзац (тег <p>) є …

question mark

За замовчуванням елементи можуть відображатися на веб-сторінці у будь-якому порядку, який обирає браузер.

Select the correct answer

question mark

Які два основні типи елементів?

Select the correct answer

question mark

Абзац (тег <p>) є …

Select the correct answer

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

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

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

Секція 3. Розділ 4

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookКерування Потоком Документа та Макетом

Свайпніть щоб показати меню

Потік

Потік веб-сторінки визначає порядок, у якому елементи відображаються вертикально та горизонтально. За замовчуванням елементи показуються у тому порядку, в якому вони розташовані в HTML-документі, зверху вниз. Горизонтальний потік зазвичай рухається зліва направо; однак у мовах із читанням справа наліво потік також змінюється на протилежний — справа наліво.

Кожен елемент у HTML є прямокутною областю, що займає позицію на рядку, подібно до слів на лінійованому аркуші. Існує два основних типи елементів: блочні та рядкові елементи.

index.html

index.html

copy

Після аналізу прикладу можна зробити такий висновок:

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

Рядковий елемент: займає лише ту ширину, яка необхідна для його вмісту. Це дозволяє рядковим елементам розміщуватися на одному рядку. Вони переносяться на наступний рядок, якщо на поточному недостатньо місця.

Note
Примітка

Властивість display для HTML-елементів визначена за стандартами та конвенціями, встановленими специфікацією HTML. Ці стандарти визначають типове відображення елементів у різних веббраузерах. Конкретний тип будь-якого елемента можна знайти у довідкових або специфікаційних посиланнях: HTML Reference та HTML Specification.

Типи елементів

Як вже зазначалося, кожен елемент у браузерному стилі має тип, який визначається властивістю display і впливає на його поведінку. Основні типи елементів — це блочні та рядкові елементи, а також існують додаткові типи, наприклад, inline-block елементи.

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

Блочні елементи: використовуються для визначення більших структур контенту, таких як заголовки, абзаци, списки та секції (наприклад, шапки, підвали). Відображаються у вигляді прямокутних блоків, які вертикально розташовуються один над одним.

1. За замовчуванням елементи можуть відображатися на веб-сторінці у будь-якому порядку, який обирає браузер.

2. Які два основні типи елементів?

3. Абзац (тег <p>) є …

question mark

За замовчуванням елементи можуть відображатися на веб-сторінці у будь-якому порядку, який обирає браузер.

Select the correct answer

question mark

Які два основні типи елементів?

Select the correct answer

question mark

Абзац (тег <p>) є …

Select the correct answer

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

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

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

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