HTML Основні приклади
Перший крок до створення вебсайту - це навчитися бачити світ
через очі того, хто користується Інтернетом.
В цій темі:
Не хвилюйтесь, якщо в цих прикладах використовуються теги, яких ви ще не вивчали.
Про них ви дізнаєтесь в наступних розділах.
HTML Документи
Всі HTML документи мають починатися з оголошення типу документа: <!DOCTYPE html>.
Сам HTML документ починається тегом <html> и закінчується тегом </html>.
Видима частина HTML документа знаходиться поміж <body> та </body>.
Приклад
<!DOCTYPE html>
<html>
<body>
<h1>Мій перший заголовок</h1>
<p>Мій перший параграф.</p>
</body>
</html>
Спробуйте самі »
HTML Заголовки
HTML заголовки визначаються за допомогою тегів від <h1> до <h6>.
Тегом <h1> визначаються найбільш важливі заголовки. Тегом <h6> визначаються найменш важливі заголовки:
HTML Параграфи
HTML параграфи визначаються за допомогою тега <p>:
HTML Посилання
HTML посилання визначаються за допомогою тега <a>:
Призначення посилання вказується в атрибуті href.
Атрибути використовуються для надання додаткової інформації про елементи HTML.
Детальніше про атрибути ви дізнаєтеся в наступному розділі.
HTML Зображення
HTML зображення визначаються за допомогою тега <img>.
Початковий файл src, альтернативний текст alt, ширина width і висота height надаються в якості атрибутів:
Приклад
<img src="../images/w3schools.jpg" alt="W3Schools" width="104" height="142">
Спробуйте самі »
HTML Кнопки
HTML кнопки визначаються за допомогою тега <button>:
HTML Списки
HTML списки визначаються за допомогою тегів <ul> (невпорядкований / маркований список) або <ol> (упорядкований / нумерований список), з подальшими тегами <li> (пункти списку):
Приклад
<h2>Невпорядкований список HTML</h2>
<ul>
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ul>
<h2>Впорядкований список HTML</h2>
<ol>
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Спробуйте самі »
Детальніше про ці та інші HTML-елементи ви дізнаєтеся в наступних розділах даного підручника на нашому сайті W3Schools українською.
HTML Вправи
Запитання для самоконтролю
- Що таке HTML-документи?
- Що таке HTML-елементи?
- Що записують в кутових дужках у html-коді вебсторінки?
- В якому тегу міститься весь контент, який відображається на вебсторінці?
- Які з тегів призначено для формування загальної структури html-документа?
- Що таке тип документа?
- Що таке HTML-заголовки?
- Що таке HTML-параграфи (абзаци)?
- Що таке HTML-посилання?
- Що таке HTML-зображення?
- Що таке HTML-кнопки?
- Що таке HTML-списки?
