Основы HTML. Язык разметки HTML презентация

Язык разметки HTML
Основы HTML
HyperText Markup Language (HTML, язык гипертекстовой разметки) — стандартизированный язык разметки документов во Всемирной паутине.

Минимальный вид HTML-документа
Основы HTML
Содержимое страницы

Типичный вид HTML-документа
Основы HTML
Заголовок страницы
Содержимое страницы

HTML-элемент с содержимым
Основы HTML
Открывающий тег
HTML-элемент
Закрывающий тег
Google
Содержимое HTML-элемента
Атрибуты (свойства)
Значения атрибутов

Заголовки и текст
Основы HTML
Заголовки по убыванию важности:
Абзац:

Ссылки
Основы HTML
title=“Google”
target=“_blank”>
Go to Google
Ссылкой может быть:
Просто текст
Абзац (один или несколько)
Заголовок (один или несколько)
Изображение
И проч.

Изображения
Основы HTML
alt=“Company LTD”>
* — Обязательные атрибуты

Универсальные контейнеры и атрибуты
Основы HTML
Содержимое
Содержимое
Строчный контейнер
Блочный контейнер
Универсальные контейнеры
id = “header-logo”
class = “block-title”
Универсальные атрибуты
Класс
Идентификатор
Нужны для формирования общей структуры документа, компоновки элементов, выделения подэлементов (например, часть ссылки или параграфа).
Нужны для обращения к элементам из CSS или JS. Назначаемый идентификатор должен быть уникальный в контексте одного HTML-документа. Несколько элементов может иметь один и тот же класс. Каждый элемент может иметь несколько классов (значения указываются в кавычках через пробел).