HTML шпаргалка

Справочник HTML тегов и атрибутов

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

Справочный блок 1

<!DOCTYPE html>

Объявление типа документа

<html>

Корневой элемент

<head>

Метаданные документа

<body>

Содержимое страницы

Метаданные

Справочный блок 2

<title>

Заголовок страницы

<meta charset="utf-8">

Кодировка

<meta name="description" content="...">

Описание страницы

<link rel="stylesheet" href="style.css">

Подключение CSS

<script src="script.js"></script>

Подключение JavaScript

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

Справочный блок 3

<h1> до <h6>

Заголовки разных уровней

<p>

Абзац

<strong>

Важный текст (жирный)

<em>

Выделенный текст (курсив)

<br>

Перенос строки

<hr>

Горизонтальная линия

Списки

Справочный блок 4

<ul>

Маркированный список

<ol>

Нумерованный список

<li>

Элемент списка

<dl>

Список определений

<dt>

Термин

<dd>

Определение

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

Справочный блок 5

<a href="url">

Ссылка

<img src="url" alt="text">

Изображение

Формы

Справочный блок 6

<form>

Форма

<input type="text">

Текстовое поле

<input type="email">

Email поле

<input type="password">

Пароль

<textarea>

Многострочное поле

<select>

Выпадающий список

<button>

Кнопка

Семантические теги

Справочный блок 7

<header>

Шапка

<nav>

Навигация

<main>

Основное содержимое

<article>

Статья

<section>

Секция

<aside>

Боковая панель

<footer>

Подвал