Введення в HTML

HTML є стандартною мовою розмітки для створення веб-сторінок.

Що таке HTML?

  • HTML означає мову гіпертекстової розмітки
  • HTML є стандартною мовою розмітки для створення веб-сторінок
  • HTML описує структуру веб-сторінки
  • HTML складається з ряду елементів
  • Елементи HTML повідомляють браузеру, як відображати вміст
  • Елементи HTML позначають частини вмісту, наприклад «це заголовок», «це абзац», «це посилання» тощо.

Простий HTML-документ

<!DOCTYPE html>
<html>
<head>
<title>Назва сторінки</title>
</head>
<body>

<h1>Мій перший заголовок</h1>
<p>Мій перший абзац.</p>

</body>
</html>

Пояснення прикладу

  • Оголошення <!DOCTYPE html>визначає, що цей документ є документом HTML5
  • Елемент <html> є кореневим елементом сторінки HTML
  • Елемент <head> містить метаінформацію про HTML-сторінку
  • Елемент <title> визначає заголовок для сторінки HTML (який відображається в рядку заголовка браузера або на вкладці сторінки)
  • Елемент <body> визначає тіло документа та є контейнером для всього видимого вмісту, такого як заголовки, абзаци, зображення, гіперпосилання, таблиці, списки тощо.
  • Елемент <h1> визначає великий заголовок
  • Елемент <p> визначає абзац

Що таке елемент HTML?

Елемент HTML визначається початковим тегом, деяким вмістом і кінцевим тегом:

<тег>Вміст міститься тут... </тег>

Елемент HTML — це все, від початкового до кінцевого:

<h1>Мій перший заголовок</h1>

<p>Мій перший абзац.</p>

Початковий тег Вміст елемента Кінцевий тег
<h1> Мій перший заголовок </h1>
<p> Мій перший абзац. </p>
<br> немає жодного немає жодного

Примітка. Деякі елементи HTML не мають вмісту (наприклад, елемент <br>). Ці елементи називаються порожніми. Порожні елементи не мають кінцевого тегу!

Веб-браузери

Призначення веб-браузера (Chrome, Edge, Firefox, Safari) — читати документи HTML і правильно їх відображати.Браузер не відображає теги HTML, але використовує їх для визначення способу відображення документа

Структура сторінки HTML

Нижче наведено візуалізацію структури HTML-сторінки:

Примітка: вміст у розділі <body> відображатиметься у браузері. Вміст елемента <title> буде показано в рядку заголовка веб-переглядача або на вкладці сторінки.

Історія HTML

З перших днів Всесвітньої павутини існувало багато версій HTML:

Рік Версія
1989 Тім Бернерс-Лі винайшов www
1991 Тім Бернерс-Лі винайшов HTML
1993 Дейв Раггет створив HTML+
1995 HTML Working Group визначила HTML 2.0
1997 W3C Рекомендація: HTML 3.2
1999 W3C Рекомендація: HTML 4.01
2000 W3C Рекомендація: XHTML 1.0
2008 Перший публічний проект WHATWG HTML5
2012 WHATWG HTML5 Living Standard
2014 Рекомендація W3C: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 Рекомендація W3C: HTML5.1 2-е видання
2017 Рекомендація W3C: HTML5.2