#12 - Теги «Div» та «Span»

#12 - Теги «Div» та «Span»

У HTML є два дуже круті теги, чиї можливості, поки що, буде оцінити складно. Такими тегами є «Div» і «Span». За урок ми ознайомимося з ними та навчимося їх прописувати.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Теги div і span мають велику різницю між собою, хоча на перший погляд це зовсім не помітно. Різниця полягає в тому, що тег div є блоковим елементом, а тег span – рядковим.


Блоковий елемент – елемент, що є блоком. Кожен блок без використання додаткових стилів буде відображатися з нового рядка, так як завширшки вони за замовчуванням займають 100% ширини екрану.

Рядковий елемент – елемент, який не є блоком, а відповідно не потребує додаткових пропусків рядків або якихось відступів.

Обидва теги використовуються разом із стилями і використовувати їх без стилів не є найкращою ідеєю.

Вихідний код

Весь код буде доступний після підписки на проект!

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Відеокурс з PHP, MySQL / Створення динамічного сайту
Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Создание сайта с нуля | Полноценная верстка сайта
Изучение ASP.NET Core MVC. Создание сайтов на C#
Создание адаптивного сайта
Изучение препроцессора SASS / SCSS
Коментарі
Додати коментар

Поки що коментарів немає