Відповіді на запитання по HTML

Всі елементи HTML на сторінці є об'єктами. Їхні дочірні елементи та контент всередині них теж є об'єктами до яких ми маємо доступ через JS. Ми можемо змінювати їх, видаляти чи вішати слухачів подій.

Ось це ієрархаїчне представлення HTML елементів як JS об'єктів і є DOM деревом.

Теги <strong> та <em> призначені для того, щоб виділити важливість тексту та роблять текст текст жирним та курсивним відповідно.
А <b> і <i> просто роблять текст жирним та курсивним.

DOCTYPE – використовується для вказівки типу документа.

Він додається першим рядком html або xhtml документа і служить для того, щоб браузер міг зрозуміти як йому парсить сторінку, який стандарт використовується і які теги є валідними.

alt це текстовий опис зображення в тегу . Його варто вказувати з двох причин

1. доступність – користувачі з проблемами із зором, користуються скріндрідерами, які читають їм вміст сторінки. Щоб не прогаяти сенс вкладений у картинку ти можеш описати його в тексті.
2. SEO - пошукові системи з допомогою атрибуту alt можуть зрозуміти що зображено на картинці.

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

Рядковий елемент не переноситься на новий рядок, а розташовується на тому ж рядку, що і попередній елемент. Такі елементи зазвичай знаходяться всередині блокових елементів і їх ширина залежить лише від вмісту та налаштувань CSS. У малих елементах може бути лише контент та інші рядкові елементи. Блокові елементи в рядкові вкладати не можна.