Урок #01 – Базовая структура документа в HTML для начинающих

Опубликовано: 16 Август 2023
на канале: Go to Frontend (language learning)

Базовая структура HTML-документа, включая теги "!DOCTYPE", "html", "head" и "body". Теги могут быть парными или одиночными, и могут содержать атрибуты для расширения функциональности.
Одиночные теги, такие как "meta", не имеют закрывающей части.
Код, отображаемый на веб-странице, должен быть обернут в соответствующие теги.
Тег "!DOCTYPE" является флагом, который указывает браузеру на используемую версию HTML. В данном случае, используется стандарт HTML5, который вносит множество новых возможностей.
Тег "html" является оберткой для всего содержимого документа. Внутри него добавляется все содержимое страницы.
Теги могут содержать атрибуты, такие как "lang" у тега "html" и "charset" у тега "meta". Атрибуты могут быть добавлены для расширения функциональности тегов.
В будущем будут рассмотрены другие теги, которые также будут либо парными, либо одиночными и могут содержать свои атрибуты.

!!! В курсе НЕ рассматриваются CSS и JS !!!

МАТЕРИАЛЫ КУРСА (github):
https://github.com/YauhenKavalchuk/html5

HTML | АВТОР КУРСА - webDev / YauhenKavalchuk | подпишись на КАНАЛ АВТОРА:
ПЛЕЙЛИСТ КУРСА:    • HTML | webDev / YauhenKavalchuk | #пр...

   / @yauhenkavalchuk
   • HTML5 #1 Базовая структура HTML докум...
--------------------------------------------------------------------------------
СОДЕРЖАНИЕ:
⏱ 0:0 - в
--------------------------------------------------------------------------------
ПОЛЕЗНЫЕ ССЫЛКИ:
--------------------------------------------------------------------------------
Редакторы кода:
Visual Studio Code (https://code.visualstudio.com/)
Sublime Text (https://www.sublimetext.com/)
Atom (https://atom-editor.cc/)
Brackets (https://brackets.io/)
Phoenix (https://phcode.dev/)
Notepad++ (https://notepad-plus-plus.org/)
WebStorm (https://www.jetbrains.com/ru-ru/webst...)

Расширения (плагины):
Emmet (https://emmet.io/)
Live Server (https://marketplace.visualstudio.com/...)
vscode-icons (https://marketplace.visualstudio.com/...)
Highlight Matching Tag (https://marketplace.visualstudio.com/...)