Перейти к содержанию

Учим HTML5

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

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

Если вы не читаете PDF или печатную версию этой страницы, то это содержимое состоит из различных элементов HTML и текста. HTML — это слой содержимого веб-страницы. Элементы HTML — это узлы, составляющие Document Object Model.

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

Обзор

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

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

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

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

  • Обзор HTML

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

    Обзор HTML

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

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

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

  • Метаданные

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

    Метаданные

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

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

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

  • Заголовки и секции

    Как правильно использовать элементы секционирования для придания смысловой нагрузки содержимому документа.

    Заголовки и секции

  • Атрибуты

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

    Атрибуты

  • Основы работы с текстом

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

    Основы работы с текстом

  • Ссылки

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

    Ссылки

  • Списки

    Списки и другие способы группировки содержимого.

    Списки

  • Навигация

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

    Навигация

  • Таблицы

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

    Таблицы

  • Формы

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

    Формы

  • Изображения

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

    Изображения

  • Аудио и видео

    Обзор работы с мультимедиа HTML, такими как аудио и видео.

    Аудио и видео

  • Шаблон, слот и теневой DOM

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

    Шаблон, слот и теневой DOM

  • API HTML

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

    API HTML

  • Фокус

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

    Фокус

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

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

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

  • Details и summary

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

    Details и summary

  • Dialog

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

    Dialog

Авторы курса

Этот курс был написан Estelle Weyl при участии Rachel Andrew и Jhey Tompkins.

Перевод

Перевод этого учебника сделан благодаря подписчикам на Бусти.

Источник — Learn HTML

Комментарии