Що таке HTML?
HTML — це мова розмітки, яка використовується для створення вебсторінок. Вона складається з різних тегів, які повідомляють браузеру, як відображати текст, зображення та інші елементи на сторінці. Основні теги HTML включають:
<html>— вказує початок документа;<head>— містить метаінформацію сторінки, таку як заголовок і підключення стилів;<body>— вміщує основний контент сторінки.
Структура HTML-документа
HTML-документ завжди починається з декларації <!DOCTYPE html>, яка вказує на версію HTML5. Після цього розміщуються теги <html>, що містять <head> та <body>. У розділі <head> задається назва сторінки, метатеги та посилання на стилі та скрипти. Розділ <body> включає основний вміст, такий як тексти, зображення і форми.
Перші кроки у створенні HTML-документа
- Встановіть простий текстовий редактор, наприклад, Notepad++ або VS Code.
- Створіть новий файл і збережіть його з розширенням
.html Напишіть базову структуру HTML:
<html>
<head>
<title>Моя перша HTML сторінка</title>
</head>
<body>
<h1>Привіт, світ!</h1>
<p>Це мій перший вебсайт.</p>
</body>
</html>4. Відкрийте файл у браузері та перевірте, як він виглядає.
Важливі теги для початківців
<h1>–<h6>— заголовки різних рівнів;<p>— параграф тексту;<a>— гіперпосилання;<img>— зображення;<ul>,<ol>— списки.
Семантичні теги
Окрім базових тегів, важливо використовувати семантичні елементи, такі як <header>, <article>, <section>, <footer>. Вони допомагають краще організувати структуру документа, що важливо для SEO та доступності сторінок.
Оптимізація HTML для SEO
Правильне використання тегів заголовків (H1-H6) дозволяє пошуковим системам краще індексувати сторінку. Крім того, не забувайте додавати описові метатеги та використовувати атрибути alt для зображень — це допоможе покращити видимість вашої сторінки у пошукових системах.