Основы HTML/CSS | Урок #1. Основы HTML5. Синтаксис и базовая структура HTML. Теги и атрибуты

• Михаил представляет первый урок по основам HTML и CSS.  

• HTML появился в конце 80-х и стал основой для создания веб-сайтов.  

• Актуальная версия HTML - HTML5, которая развивается с 2014 года.  

• HTML используется в паре с CSS для логической разметки и внешнего вида страниц.  

• Основные понятия HTML: теги, элементы и атрибуты.  

• Теги обозначают начало и конец элементов, а атрибуты - свойства элементов.  

• Теги включают открывающий и закрывающий теги.  

• Атрибуты пишутся в открывающем теге и могут быть необязательными.  

• Закрывающий тег всегда пишется слэшем и названием тега.  

• HTML-документ состоит из блоков, таких как head и body.  

• Head содержит метаданные и ссылки, body - основной контент сайта.  

• Пример структуры HTML-документа.  

• Михаил рекомендует программу Atom для создания HTML-кода.  

• Atom доступен для Windows, Mac и Linux, бесплатен и удобен.  

• Установка и работа с программой.  

• Создание первого файла HTML с расширением .html.  

• Использование Atom для автоматического заполнения структуры HTML.  

• Пример заполнения структуры HTML в Atom.  

• Контейнеры в HTML: head и body.  

• Контейнер meta используется для указания кодировки сайта.  

• Контейнер title содержит заголовок сайта.  

• Заголовки в HTML имеют шесть уровней.  

• Пример использования заголовков и текста в HTML.  

• Контейнеры p и pre для работы с текстом.  

• Контейнер <pre> удобен для форматирования стихов и цитат.  

• В отличие от контейнера <p>, <pre> позволяет сохранять форматирование при переносе текста.  

• Для переноса текста внутри контейнера <p> используется тег <br>.  

• Для форматирования текста используются контейнеры <b>, <i> и <u>.  

• Эти контейнеры позволяют выделять текст жирным, курсивом и подчеркиванием.  

• Вложенные контейнеры могут объединять несколько стилей.  

• Атрибуты позволяют задавать различные свойства элементов.  

• Пример использования атрибута <align> для выравнивания текста.  

• Атрибуты пишутся через пробел и могут быть объединены.  

• Изображения вставляются с помощью тега <img>.  

• Обязательный атрибут <src> указывает адрес изображения.  

• Атрибут <alt> используется для текста, который отображается вместо изображения.  

• Комментарии используются для пометки элементов кода.  

• Комментарии временно скрывают элементы на сайте.  

• Синтаксис комментария: <comment>...</comment>.  

• Основные структуры и правила HTML.  

• Важность понимания синтаксиса для дальнейшего изучения языка.  

• В следующем уроке будет рассмотрена структура и синтаксис CSS.