Добро пожаловать на изучение HTML!

Этот курс HTML для веб-разработчиков предоставляет подробный обзор для разработчиков HTML, от новичка до эксперта.

Добро пожаловать в HTML! Язык гипертекстовой разметки, или HTML, является основой Интернета, предоставляя контент, а также структуру этого контента, который вы видите в своем веб-браузере.

Если вы не читаете PDF-файл или печатную версию этой страницы, это содержимое состоит из различных элементов HTML и текста. HTML — это уровень контента в Интернете. HTML-элементы — это узлы, составляющие объектную модель документа .

Каскадные таблицы стилей обеспечивают внешний вид или уровень представления страницы. JavaScript — это уровень поведения, часто используемый для управления объектами внутри документа. Сайты, созданные с использованием фреймворков JavaScript, на самом деле просто манипулируют HTML. В свою очередь, важно разметить HTML-код таким образом, чтобы его можно было легко анализировать сценариями и чтобы вспомогательные технологии могли легко его понять. Это означает написание HTML-кода в соответствии с современными стандартами.

Обзор

Этот курс HTML для веб-разработчиков предоставляет подробный обзор для разработчиков HTML, от новичка до эксперта. Если вы новичок в HTML, вы научитесь создавать структурно обоснованный контент. Если вы занимаетесь созданием веб-сайтов в течение многих лет, этот курс может заполнить пробелы в знаниях, о которых вы даже не подозревали.

На этом пути мы будем создавать структуру MachineLearningWorkshop.com . При создании этой серии ни одна машина не пострадала.

Это не полная ссылка . В каждом разделе представлена ​​тема раздела с краткими пояснениями и примерами, что дает вам возможность изучить ее дальше. Там будут ссылки на ссылки на темы, такие как спецификации MDN и WHATWG , а также на другие статьи web.dev . Хотя это не курс по вопросам доступности, каждый раздел будет включать в себя лучшие практики и конкретные вопросы обеспечения доступности, а также ссылки на более глубокие сведения по этой теме. В каждом разделе будет короткая оценка, которая поможет людям подтвердить свое понимание.

Вот что вы узнаете:

Обзор HTML

Краткое введение в ключевые понятия HTML.

Структура документа

Узнайте, как структурировать ваши HTML-документы на прочной основе.

Метаданные

Как использовать метатеги для предоставления информации о ваших документах.

Семантический HTML

Использование правильных элементов HTML для описания содержимого вашего документа.

Рубрики и разделы

Как правильно использовать элементы секционирования, чтобы придать смысл вашему контенту.

Атрибуты

Узнайте о различных глобальных атрибутах, а также атрибутах, специфичных для конкретных элементов HTML.

Основы текста

Как форматировать текст с помощью HTML.

Все, что вам нужно знать о ссылках.

Списки

Списки и другие способы группировки вашего контента.

Навигация — ключевой элемент любого сайта-приложения, и она начинается с HTML.

Таблицы

Понимание того, как использовать таблицы для разметки табличных данных.

Формы

Обзор форм в HTML.

Изображений

Обзор изображений в HTML.

Аудио и видео

Узнайте, как работать с HTML-медиа, такими как аудио и видео.

Шаблон, слот и тень

Объяснение шаблона, слота и тени.

HTML API

Узнайте, как HTML-информацию можно отображать и манипулировать ею с помощью JavaScript.

Фокус

Как управлять порядком фокуса в HTML-документах.

Другие встроенные текстовые элементы

Знакомство с набором элементов, используемых для разметки текста.

Подробности и резюме

Узнайте, как работают очень полезные детали и элементы сводки и где их использовать.

Диалог

Элемент <dialog> — полезный элемент для представления любого вида диалога в HTML. Узнайте, как он работает.

Выводы и дальнейшие шаги

Завершаем работу с дополнительными ресурсами.

Итак, вы готовы изучать HTML? Давайте начнем .