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

Путь обучения

В идеале вы должны начать свое учебное путешествие с изучения HTML. Начните с прочтения Введение в HTML. Затем вы можете перейти к изучению более продвинутых тем, таких как:

  • CSS, и как использовать их для оформления HTML документа (например, изменить шрифт и его размер, добавить границы и тени, разметить страницу в несколько столбцов, добавить анимацию и другие визуальные эффекты).
  • JavaScript, и как его использовать для придания динамической функциональности веб-страницам (например, определение вашего местоположения и его отображение на карте, создание элементов, которые будут появлятся/исчезать при нажатии на кнопку, сохранять данные пользователей локально на их компьютерах и многое другое).

Прежде чем приступить к этой теме, вы должны иметь хотя бы базовое знакомство с использованием компьютеров и пассивным использованием Интернета (т.е просто его просмотр, потребление контента). У вас должна быть базовая рабочая среда, описанная в Установка базового программного обеспечения, а также вы должны понимать, как создавать и управлять файлами, что подробно описано в Работа с файлами — обе статьи являются частью нашего модуля для новичков Начало работы с вебом.

Перед тем, как начать эту тему, рекомендуется начать с Начало работы с вебом, однако это необязательно; многое из того, что описано в статье Основы HTML, также рассматривается в Введение в HTML и даже более подробно.

Модули

Данный раздел содержит модули расположенные в оптимальном порядке для их изучения. Вам определённо следует начать с первого модуля.

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

Решение общих HTML задач

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

Смотрите также:

HTML (HyperText Markup Language) на MDN.
Отправная точка HTML документации на MDN, там вы сможете найти как подробное описание основных элементов и их атрибутов, так и более продвинутые уроки по языку, это отличное место для старта.

Метки документа и участники

Внесли вклад в эту страницу: skapesec, StrixG, AKonia, cezsored, BychekRU, Zevs
Обновлялась последний раз: skapesec,