Структурирование веб-страниц с помощью HTML

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

Хотите стать веб-разработчиком?

Мы собрали курс, включающий всю необходимую информацию для достижения вашей цели.

Предварительные условия

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

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

После изучения HTML вы можете перейти к изучению более сложных тем, таких как:

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

Модули

Эта тема содержит следующие модули в порядке, предложенном для их изучения. Вам определенно следует начать с первого.

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

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

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

Решение общих проблем HTML

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

См. также

В этом модуле представлена серия статей, которые помогут вам освоить основные принципы создания веб-форм. Веб-формы являются очень мощным инструментом для взаимодействия с пользователями – чаще всего они используются для сбора данных от пользователей или позволяют им управлять пользовательским интерфейсом. Однако по историческим и техническим причинам не всегда очевидно, как использовать их в полной мере. Мы рассмотрим все основные аспекты веб-форм, включая разметку их структуры HTML, стилизацию элементов управления формы, проверку данных формы и отправку данных на сервер.

Основная точка входа в справочную документацию по HTML на MDN, включая подробные ссылки на элементы и атрибуты – если вы хотите узнать, какие атрибуты есть у элемента или, например, какие значения имеет атрибут, это отличное место для начала.