Этот курс по HTML для веб-разработчиков предоставляет основательный обзор языка, от начального до экспертного уровня.
Язык разметки гипертекста , или HTML, является основой веб-пространства, обеспечивая как контент, так и структуру этого контента, который вы видите в веб-браузере.
Если вы не читаете PDF-файл или печатную версию этой страницы, то её содержимое состоит из различных HTML-элементов и текста. HTML — это слой контента в сети Интернет. HTML-элементы — это узлы, составляющие объектную модель документа .
Каскадные таблицы стилей (CSS) обеспечивают внешний вид или презентационный слой страницы. 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? Давайте начнём .