Этот курс 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? Давайте начнем .