Основные понятия HTML

Язык гипертекстовой разметки
Brackets – программа для создания и правки машинного кода. Она очень популярна среди web-верстальщиков и специалистов, работающих в сфере Frontend-разработки. Утилита выделяет команды в документах, написанных на всех распространенных языках программирования, может отображать подсказки для HTML-тегов и других служебных команд, позволяет удобно редактировать большие объемы данных. Особого внимания заслуживает коллекция доступных для инсталляции расширений, в ней можно найти различные инструменты для комфортной работы и автоматизации шаблонных действий.

ОСОБЕННОСТИ

Язык гипертекстовой разметки

Язык гипертекстовой разметки
HTML
HyperText Markup Language
Язык гипертекстовой разметки

Вид кода и результата:

Язык гипертекстовой разметки
HTML файлы имеют расширение .html и .htm.
Разметка состоит из набора различных тегов и у тегов есть атрибуты.

HTML теги
Набор тегов создаёт иерархическое дерево на нашей странице.
Одинарные и парные.
<тег> - одинарный тег
<тег>…
- парный тег
У тегов могут быть атрибуты, это дополнительные параметры.

HTML теги
Теги можно вкладывать друг в друга.

HTML теги
Основные типы тегов:
Блочные – занимают всю ширину страницы или блока и начинаются сновой строки
Строчные – занимают сколько им необходимо места и идут в одну строку

Иерархическое дерево

Иерархическое дерево

Иерархическое дерево

Настройка инструмента

Настройка инструмента
Выбор темы экрана

Настройка инструмента
Размер шрифта

Настройка инструмента
Выбор шрифта

Настройка инструмента
Номер строк и Заворачивать строки

Настройка инструмента
Автоматически закрывать скобки

Настройка инструмента
Тип файла и Кодировка

Настройка инструмента
Плагин emmet