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

Портал:HTML

Материал из Викижурнал


Портал Викижурнала

HTML

Навигатор по статьям о языке гипертекстовой разметки: структура страницы, заголовки, абзацы, ссылки, изображения, таблицы, формы, семантика, мета-теги и связь HTML с CSS и JavaScript.

12статей об HTML
CSSоформление страницы
Webструктура документа

Коротко об HTML

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

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

Основная статья: HTML

С чего начать

Обзор HTML

Назначение HTML, базовая структура документа и роль разметки в веб-странице.

Основы HTML

Первые теги, документ, заголовки, абзацы и базовые правила записи элементов.

Заголовки и параграфы

Как организовать текстовую структуру страницы и сделать материал удобным для чтения.

Ссылки и изображения

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

Популярные темы

Списки

Маркированные, нумерованные и вложенные списки для структурирования информации.

Таблицы

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

Формы

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

Мета-теги

Служебная информация о странице: кодировка, описание, адаптивность и данные для поисковых систем.

Как развивать раздел

  • Дополнять статьи примерами корректной разметки.
  • Обновлять материалы с учётом современных HTML-элементов.
  • Добавлять статьи о доступности, формах, медиа и SEO-разметке.
  • Связывать HTML-материалы со статьями по CSS и JavaScript.

HTML в современной вёрстке

Семантика

Семантические элементы помогают описывать смысл частей страницы: шапку, навигацию, основной текст, разделы и подвал.

Семантическая разметка в HTML

Медиа

HTML позволяет вставлять изображения, аудио, видео, iframe, SVG и canvas-элементы.

Аудио и видео в HTMLSVG в HTMLCanvas API

Доступность

Корректная структура, подписи форм и осмысленные элементы делают страницу удобнее для людей и программных средств чтения.

Прогрессивное улучшение и доступность

Минимальный HTML-документ

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Название страницы</title>
</head>
<body>
  <header>
    <h1>Заголовок сайта</h1>
  </header>

  <main>
    <p>Основное содержание страницы.</p>
  </main>
</body>
</html>