НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

HTML5 Підручник

HTML СТАРТ HTML Вступ HTML Редактори HTML Основні приклади HTML Елементи HTML Атрибути HTML Заголовки HTML Параграфи HTML Стилі HTML Форматування HTML Цитати HTML Коментарі HTML Кольори HTML CSS HTML Посилання HTML Зображення HTML Таблиці HTML Списки HTML Блоки HTML Класи HTML Ідентифікатори HTML Фрейми HTML JavaScript HTML Шляхи файлів HTML Голова веб-сторінки HTML Макети HTML Адаптивність HTML Комп'ютерний код HTML Символьні об'єкти HTML Символи HTML Кодування HTML URL кодування HTML XHTML

HTML Форми

HTML Форми HTML Елементи форми HTML Типи вводу HTML Атрибути вводу

HTML5

HTML5 Вступ HTML5 Підтримка HTML5 Нові елементи HTML5 Семантичні елементи HTML5 Перехід з HTML4 HTML5 Гід по стилю

HTML Графіка

HTML Canvas HTML SVG

HTML Медіа

HTML Медіа HTML Відео HTML Аудіо HTML Плагіни HTML YouTube

HTML API

HTML Геолокація HTML Drag/Drop HTML Web сховище HTML Web робітники HTML SSE

HTML Приклади

HTML Приклади HTML Вікторина HTML Вправи HTML Сертифікат HTML Резюме HTML Доступність

HTML Довідники

HTML Список тегів HTML Атрибути HTML Глобальні атрибути HTML Події HTML Кольори HTML Canvas HTML Аудіо/Відео HTML Діючі Doctype HTML Набори символів HTML URL кодування HTML Кодування мови HTTP Повідомлення HTTP Методи PX в EM Конвертер Гарячі клавіши

HTML5. Уроки для початківців

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> визначаються найменш важливі заголовки:

Приклад

<h1>Це заголовок 1</h1>
<h2>Це заголовок 2</h2>
<h3>Це заголовок 3</h3>
Спробуйте самі »

HTML Параграфи

HTML параграфи визначаються за допомогою тега <p>:

Приклад

<p>Це параграф.</p>
<p>Це інший параграф.</p>
Спробуйте самі »

HTML Посилання

HTML посилання визначаються за допомогою тега <a>:

Приклад

<a href="https://www.w3schools.com">Це посилання</a>
Спробуйте самі »

Призначення посилання вказується в атрибуті href.

Атрибути використовуються для надання додаткової інформації про елементи HTML.

Детальніше про атрибути ви дізнаєтеся в наступному розділі.


HTML Зображення

HTML зображення визначаються за допомогою тега <img>.

Початковий файл src, альтернативний текст alt, ширина width і висота height надаються в якості атрибутів:

Приклад

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Спробуйте самі »

HTML Кнопки

HTML кнопки визначаються за допомогою тега <button>:

Приклад

<button>Натисніть мене</button>
Спробуйте самі »

HTML Списки

HTML списки визначаються за допомогою тегів <ul> (невпорядкований / маркований список) або <ol> (упорядкований / нумерований список), з подальшими тегами <li> (пункти списку):

Приклад

<ul>
  <li>Кава</li>
  <li>Чай</li>
  <li>Молоко</li>
</ul>

<ol>
  <li>Кава</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>
Спробуйте самі »

Детальніше про ці та інші HTML-елементи ви дізнаєтеся в наступних розділах даного підручника.