- HTML — це мова розмітки для створення та відображення веб-сторінок, яка розшифровується як Hypertext Markup Language.
- Doctype — це декларація, яка вказує тип документа та допомагає браузеру правильно інтерпретувати вміст сторінки. Вона розташовується на початку HTML-документа.
Наприклад, для HTML5 вона виглядає так:
<!DOCTYPE html>- Поточна версія HTML — це HTML5. Вона підтримує мультимедіа, покращує семантичну розмітку та забезпечує кращу обробку форм і адаптивний дизайн.
- Тег — це окрема частина розмітки, яка починається з символу
<і закінчується символом>. Наприклад,<h1></h1>.
- Елемент — це повна структура, яка включає початковий тег, вміст (контент) і кінцевий тег. Наприклад,
<p>This is the content.</p>.
- Семантичний HTML використовує спеціальні елементи, які описують структуру та зміст сторінки. Це допомагає скрінрідерам і пошуковим роботам краще розуміти вміст, що підвищує доступність і SEO.
-
В HTML існують три основні типи списків:
-
Нумерований список (Ordered list
<ol>): Список, елементи якого пронумеровані. -
Маркірований список (Unordered list
<ul>): Список, елементи якого позначені маркерами. -
Описовий список (Definition list
<dl>): Cписок відображається у вигляді тексту, де терміни (<dt>) виділяються окремо, а їхні описи (<dd>) розташовані під ними із відступом.
-
- Атрибут
altвикористовується для надання текстового опису зображення для користувачів, які не можуть його побачити, наприклад, для скрінрідерів.
<div>— блочний (block-level) елемент, використовується для групування та структурування інших елементів HTML. Він займає всю доступну ширину і починається з нової лінії.<span>— рядковий (inline) елемент, використовується для стилізації або виділення частини тексту чи іншого вмісту, не змінюючи структуру документа.
- Порожні елементи (або самозакриваючі) — це елементи HTML, які не мають вмісту і не потребують закриваючого тегу.
- Приклади порожніх елементів:
<img/>— для відображення зображень.<br/>— для переведення на новий рядок.<input/>— для елементів форм.
- Атрибути надають додаткову інформацію про HTML-елементи. Вони вказуються у відкривальному тегу і складаються з імені та значення, яке пишеться в лапках.
<a href="https://example.com" target="_blank">Посилання</a>
