HTML Вступление
Если профессиональный веб-разработчик не может найти работу,
он создаст свой собственный сайт с объявлениями о поиске работы,
а затем вообще может забыть о том, что он искал работу...
В этой теме: ↓
Что такое HTML?
HTML является стандартным языком разметки для создания веб-страниц.
- HTML означает Hyper Text Markup Language (язык гипертекстовой разметки)
- HTML описывает структуру веб-страниц с помощью разметки
- HTML-элементы являются строительными блоками страниц HTML
- Элементы HTML представлены тегами
- Теги HTML обозначают фрагменты содержания, такие как header (заголовок), paragraph (параграф), table (таблица) и другие
- Браузеры не отображают HTML теги, но используют их для отображения содержимого web-страницы
Простой 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>отображает видимое содержание HTML страницы - Элемент
<h1>определяет большой (самый главный) заголовок на HTML странице - Элемент
<p>определяет абзац (параграф) в HTML документе
Что такое HTML-элемент?
Элемент HTML определяется начальным тегом, некоторым содержимым и конечным тегом:
HTML Элемент — это всё, от начального до конечного тега:
| Начальный тег | Содержимое елемента | Конечный тег |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый параграф. | </p> |
| <br> | нет | нет |
Примечание: Начальный тег также называется - открывающим тегом, а конечный тег - закрывающим тегом.
Web Браузеры
Целью веббраузера является чтение HTML документов и их отображение. Браузер не отображает сами теги HTML, но использует их, чтобы определить, как отобразить веб-страницу:
Наиболее известные веб-браузеры: Chrome, Safari (для Apple), Microsoft Edge, Mozilla Firefox, Opera, UC Browser, Brave, Vivaldi, Tor Browser.
Структура HTML-страницы
Ниже приведена визуализация структуры HTML-страницы:
Примечание: В браузере отображается только содержимое раздела <body> (тело веб-страницы).
Объявление <!DOCTYPE>
Объявление <!DOCTYPE> - определение типа документа, которое помогает браузерам правильно отображать веб-страницы. Оно должно появляться только один раз в верхней части веб-страницы (перед любыми тегами HTML).
Объявление <!DOCTYPE> не чувствительно к регистру. Можно писать как заглавными буквами, так и маленькими.
Объявление <!DOCTYPE> для HTML5 имеет такой вид:
<!DOCTYPE html>
HTML Версии
С первых дней существования Интернета было много версий HTML:
| Год | Версия |
|---|---|
| 1989 | Тим Бернерс-Ли изобрел www |
| 1991 | Тим Бернерс-Ли изобрёл HTML |
| 1993 | Дейв Раггет написал HTML+ |
| 1995 | Рабочая группа HTML определила 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 Кандидат на Рекомендацию: HTML 5.1 |
| 2017 | W3C Рекомендация: HTML5.1 2nd Edition |
| 2017 | W3C Рекомендация: HTML5.2 |
Этот учебник соответствует стандарту HTML5.
Вопросы для самоконтроля
- Что такое HTML?
- Что такое HTML теги?
- Каким тегом начинается каждая html-страницв?
- Как записывается открытие тега с помощью html-кода?
- Как записывается закрытие тега с помощью html-кода?
- Что такое веб-браузеры?
- Какие вы знаете веб-браузеры?
- Что такое структура HTML-страницы?
- Что такое doctype?
- Какой doctype в спецификации HTML5?
- Какая актуальная версия HTML?
W3Schools HTML Видеоурок. Интро
Это видео является введением в HTML.
Часть серии видеоуроков для изучения HTML для начинающих!
