Знакомство с языком HTML

ЧТО ТАКОЕ HTML

ЧТО ТАКОЕ HTML
HTML –
Это язык гипертекстовой разметки.
Практически вся клиентская (frontend)-часть любого сайта
написана на языке разметки HTML.

ЧТО ТАКОЕ HTML
ТЕГИ –
Основа языка HTML.
Весь код HTML состоит из тегов.

ЧТО ТАКОЕ HTML

ЧТО ТАКОЕ HTML

ЧТО ТАКОЕ HTML
…

ЧТО ТАКОЕ HTML
…

ЧТО ТАКОЕ HTML

АТРИБУТЫ HTML

АТРИБУТЫ HTML

АТРИБУТЫ HTML

АТРИБУТЫ HTML
Тег
Атрибут
Значение атрибута

АТРИБУТЫ HTML
Тег
Атрибут
Значение атрибута

АТРИБУТЫ HTML
Тег
Атрибут
Значение атрибута

АТРИБУТЫ HTML
Время: 18:00

АТРИБУТЫ HTML
Время: 18:00

АТРИБУТЫ HTML
HTML –
Это комбинация тегов и текста.

ОСНОВНЫЕ ТЕГИ HTML

ОСНОВНЫЕ ТЕГИ HTML
Для создания логического блока
ТЕГ
НАЗНАЧЕНИЕ
Для создания ссылки на страницу, файл
Для выделения элементов внутри строки
Для вставки изображения (растрового или векторного)

ОСНОВНЫЕ ТЕГИ HTML
Для создания форм отправки данных
ТЕГ
НАЗНАЧЕНИЕ
Для создания поля ввода внутри формы
Для создания кнопки отправки
Основной контейнер для содержимого всей страницы (единожды)

ОСНОВНЫЕ ТЕГИ HTML
Для создания заголовка первого уровня (единожды)
ТЕГ
НАЗНАЧЕНИЕ
Для создания второго по важности заголовка(многократно)
-
Для создания остальных заголовков по степени важности (многократно)
Для создания абзацев и блоков текста

ОСНОВНЫЕ ТЕГИ HTML
Для создания немаркированного списка
ТЕГ
НАЗНАЧЕНИЕ
Для создания маркированного списка
Для создания пункта любого типа списка
Для переноса строк

ОСНОВНЫЕ ТЕГИ HTML
Для стилистического выделения текста (жирным)
ТЕГ
НАЗНАЧЕНИЕ
Для выделения высокой важности текста (также, жирным)
Для экспрессивно-эмоционального выделения (курсивом)
Для дополнительного выделения (курсивом)

ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ

ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ
ЧТОБЫ ОТЛИЧАТЬ ТЕГИ
В разметке используются атрибуты class и id.

ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ
…
…

ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ
…
…

ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ
…
…

ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ
…
…