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