Введение в HTML
По сути, HTML довольно простой язык, состоящий из элементов, которые могут быть применены к частям текста, чтобы придавать им различные значения (Это абзац? Это маркированный список? Это часть таблицы?), разделять документ на логические секции (есть ли у документа шапка? три столбца с контентом? меню навигации?) и добавлять контент на Вашу страницу, такой как фото и видео. Этот модуль расскажет вам о первых двух возможностях HTML и научит фундаментальным концепциям и синтаксису, которые вам нужно знать, чтобы понять HTML.
Необходимые условия
Чтобы начать изучение этого модуля, вам не нужны никакие знания HTML, но вы должны иметь хотя бы базовые навыки обращения с компьютером и навыки пассивного использования Веба (т.е просто смотря на него, потребляя контент). У вас должна быть базовая рабочая среда, описанная в разделе Установка базового программного обеспечения), а также понимание, как создавать и управлять файлами, что подробно описано в статье Работа с файлами — обе статьи являются частью нашего модуля Начало работы с сетью.
Примечание: если вы работаете на компьютере/планшете/другом устройстве, с отсутствием возможности создания собственных файлов, вы можете испробовать примеры кода (большинство) в онлайн-редакторах кода, таких как JSBin или Thimble.
Руководства
Этот модуль содержит следующие статьи, которые помогут изучить всю основную теорию HTML и предоставят широкие возможности для проверки некоторых навыков.
Охватывает базовые основы HTML, чтобы вы начали изучение — мы опишем элементы, атрибуты и все другие важные термины, о которых вы, возможно, уже слышали, а также где и как они располагаются в языке. Мы также покажем, структуру HTML-элемента, как устроена типичная страница HTML, и объясним другие важные языковые особенности. По ходу мы будем играть с HTML так, чтобы вам было интересно!
Заголовок HTML — это часть документа, которая не отображается в браузере при загрузке страницы. Он содержит информацию, такую как: страница , ссылки на CSS (если вы хотите стилизовать свой HTML при помощи CSS), ссылки на пользовательские значки и метаданные (которые представляют собой данные о HTML, например, кто его написал или важные ключевые слова, которые описывают документ).
Основной задачей HTML является придание тексту значения **(**также известно, как семантика), чтобы браузер знал, как его правильно отображать. В этой статье рассматривается то, как использовать HTML, чтобы разбить блок текста на структуру из заголовков и абзацев, добавить акцент/значение слов, создать списки и многое другое.
Гиперссылки очень важны — ведь именно они делают интернет интернетом. В этой статье описан синтаксис, необходимый для создания ссылок, а также описано их наилучшее применение на практике.
Существует множество других элементов HTML для редактирования текста, про которые мы вам не рассказали в статье Основы редактирования текста в HTML. Описанные здесь элементы менее известны, но о них также полезно знать. Здесь вы узнаете о разметке цитат, списках описания, компьютерном коде и другом сопутствующем тексте, нижнем и верхнем индексах, контактной информации и многом другом.
Помимо определения отдельных частей страницы (таких как «абзац» или «изображение»), HTML также используется для определения отдельных зон веб-сайта (таких как «шапка», «меню навигации», «столбец с основным содержимым».) В этой статье рассматривается, как планировать базовую структуру веб-сайта и писать HTML для представления этой структуры.
Писать на HTML хорошо, но что, если что-то идёт не так, и вы не можете найти место ошибки в коде? В этой статье вы познакомитесь с некоторыми инструментами, которые могут вам помочь.
Оценка
Следующие задания проверят ваше понимание основ HTML, описанных в приведённых выше руководствах.
Все мы рано или поздно учимся писать письма; также это полезный тест, для проверки ваших навыков форматирования текста! Поэтому, в этом задании вам будет предоставлено письмо для разметки.
Этот тест проверит вашу способность использовать HTML для структурирования простой страницы, которая содержит шапку («хедер») , нижний колонтитул («футер»), меню навигации, основное содержимое и боковую панель.
Смотрите также
Отличный фундаментальный курс Mozilla, который даёт множество тестов, проверяющих знания, о которых мы говорили в модуле Введение в HTML. Учащиеся знакомятся с чтением, письмом и использованием сети в модуле из 6 частей. Откройте для себя основы Интернета через производство и сотрудничество.
Found a content problem with this page?
This page was last modified on 7 нояб. 2022 г. by MDN contributors.
Your blueprint for a better internet.
Руководство по HTML
HTML (HyperText Markup Language) обозначает язык гипертекстовой разметки. Гипертекст — это текст, отображаемый на компьютере или другом электронном устройстве со ссылками на другой текст, к которому пользователь может получить немедленный доступ, обычно щелчком мыши или нажатием клавиши. HTML был разработан Тимом Бернерсом-Ли в 1990 году.
HTML является языком разметки, а не языком программирования, таким как Java, Ruby, PHP и т. д. Вам необходим веб-браузер для просмотра HTML-страниц. Веб-браузеры не отображают HTML-теги, а используют их для интерпретации содержимого веб-страниц. Языки разметки используют наборы тегов разметки для характеристики текстовых элементов в документе, которые дают инструкции веб-браузерам о том, как должен выглядеть документ.
Что есть в этом руководстве
Эта серия руководств по HTML охватывает все основы HTML, включая элементы, атрибуты, способы форматирования текста с использованием HTML-тегов, методы добавления информации о стилях в документ, вставку изображений и таблиц, процесс создания списков и форм, а также способ включения сторонних HTML-документов в текущий и т. д.
Как только вы ознакомитесь с основами, вы перейдете на следующий уровень, который объясняет концепцию doctype, методы создания макетов веб-страниц, важность добавления метаинформации на веб-страницы, способ добавления скриптов, методы показа специальных символов, анатомию URL и многое другое.
Наконец, вы познакомитесь с некоторыми расширенными функциями, представленными в HTML5, такими как новые типы , рисование графики на веб-странице, включение аудио- и видеофайлов в документе, хранение данных на стороне клиента с помощью веб-хранилища, кэширование файлов, выполнение фоновой работы с интернетом, а также получение географических координат пользователя и т. д.
Базовые элементы HTML
- Введение в HTML
- Руководство по тегам и элементам в HTML
- Руководство по атрибутам в HTML
- Руководство по заголовкам в HTML
- Руководство по параграфам в HTML
- Руководство по ссылкам HTML
- Руководство по форматированию текста в HTML
- Руководство по CSS-стилям в HTML
- Руководство по изображениям в HTML
- Руководство по таблицам в HTML
- Руководство по формам в HTML
- Руководство по спискам в HTML
- Руководство по iFrame в HTML
Продвинутые элементы HTML
Расширенные функции HTML5
- Руководство по глобальным атрибутам в HTML5
- Руководство по атрибутам событий в HTML5
- Руководство по новым типам input в HTML5
- Руководство по canvas в HTML5
- Руководство по SVG в HTML5
- Руководство по аудио в HTML5
- Руководство по видео в HTML5
- Руководство по localStorage и sessionStorage в HTML5
- Руководство по кэшу приложений в HTML5
- Руководство по веб-воркерам в HTML5
- Руководство по серверным событиям в HTML5
- Руководство по geolocation в HTML5
- Руководство по drag-and-drop в HTML5
Дополнительно
Каждая глава в этом руководстве содержит множество реальных примеров, которые вы можете протестировать. Эти примеры помогут вам лучше понять концепцию или тему. Кроме того, все руководства содержат полезные советы и важные заметки.
Разработка сайтов для бизнеса
Если у вас есть вопрос, на который вы не знаете ответ — напишите нам, мы поможем разобраться. Мы всегда рады интересным знакомствам и новым проектам.