Что такое HTML?
HTML — это язык Интернета. Это очень важно как для создания веб-приложений, так и для веб-страниц. HTML расшифровывается как язык гипертекстовой разметки в сочетании с каскадными таблицами стилей (CSS) и JavaScript, формируя основные технологии всемирной паутины.
ПРОСТОЙ ПРИМЕР HTML Вот как выглядит код HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
А вот как приведенный выше код выглядит в вашем веб-браузере
Мой первый абзац.
Разбираем
- Объявление
<DOCTYPE html>
определяет этот документ как HTML5. - Элемент
<html>
является корневым элементом HTML-страницы. - Элемент
<head>
содержит метаинформацию о документе. - Элемент
<title>
указывает заголовок документа. - Элемент
<body>
содержит видимое содержимое страницы. - Элемент
<h1>
определяет большой заголовок - Элемент
<p>
определяет абзац
HTML ЭЛЕМЕНТ
HTML-элемент содержит тег, некоторый контент и конечный тег. По сути, это два тега с содержимым между ними. <p>
моя вторая веб-страница <p>
Теги HTML — это имена элементов, которые обычно идут парами, например <p></p>
. Первый тег обычно заключен в a, а закрывающие теги имеют косую черту, вставленную перед именем тега.
ВЕБ-БРАУЗЕР
Настоящая функция веб-браузера (Chrome, Firefox, Safari, Microsoft Edge) заключается в правильном чтении и отображении содержимого HTML.
Браузер не отображает теги, которые сделали бы страницу действительно уродливой, но использует теги, чтобы определить, как отображать документ.
СТРУКТУРА HTML-СТРАНИЦЫ
Ниже представлена визуализация структуры HTML-страницы:
Обратите внимание, что кремово-белая часть — это единственный контент, отображаемый в браузере.
Декларация ‹!DOCTYPE›
Объявление ‹!DOCTYPE› представляет тип документа и помогает браузеру правильно отображать веб-страницы. Он должен появляться только один раз, как правило, в верхней части страницы. Неизвестно, что он чувствителен к регистру. Например, HTML 5 выглядит так <!DOCTYPE HTML>
ИСТОРИЯ HTML
Прежде чем мы продолжим наш урок, мы рассмотрим важную историю веб-страницы. С момента появления Интернета было много версий HTML.
Ниже этой таблицы находится сводка всех версий HTML;
Заключение
В этой статье мы обсудили, что такое HTML и насколько он важен для создания веб-страниц, а также рассмотрели годы создания различных версий HTML. Мы также рассмотрели, из чего состоит простая веб-страница HTML, и создали ее с нуля.
Ресурсы
Вам могут пригодиться следующие ресурсы:
- HTML Цитаты и комментарии
- HTML-формы
- Пример основных тегов HTML 5
- Контрастный дизайн Bootstrap
- Аккордеон
- "Тревога"
- "Анимация"
- Автозаполнение
- Значки
- "Коробка"
- Хлебные крошки
- Баттон Групп
- "Кнопка"
- Панель кнопок
- "Карта"
- "Карусель"
- Флажок
- "Крах"
- "Таблица данных"
- Выбор даты
- "Падать"
- Нижний колонтитул
- Формы
- "Икона"
- Ифрейм
- "Вход"
- Входная группа
- Список групп
- Маска
- Модал
- "Выбор из нескольких вариантов"
- "Уведомление"
- Панель
- Панель
- "Трещать"
- "Прогресс"
- "Радио"
- "Рейтинг"
- "Выбирать"
- Выбрать 2
- Слайдер
- Спиннер
- Степпер
- "Выключатель"
- "Стол"
- Формы
- Навбар
- Разбивка на страницы
- Вкладка
- Боковая панель
- Выбор времени
- "Таблица данных"
- Фиксированная таблица данных
- "Стол"
- Виджеты
Первоначально опубликовано на https://www.devwares.com.