ilia makarov
Как работает
Структура документа
<html>
<head>
Служебная информация
</head>
<body>
Видимый контент
</body>
</html>
Заголовок документа
<head>
<title>Заголовок документа</title>
</head>
Стандарт документа
<!DOCTYPE html>
Кодировка страницы
<meta charset="utf-8">
Комментарии
<head>
<!--Это заголовок документа-->
<title>Заголовок документа</title>
</head>
<body>
<!--Здесь будетсодержимое документа -->
</body>
Теги
Заголовки
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
<p></p> - Абзац
<div></div> - Блок
<br> - Разрыв строки
<hr> - Линия
Вложенность элементов
Правильная вложенность тэгов
Не правильная вложенность тэгов
Атрибуты тэгов
Форматирование текста
<span></span> - строчный элемент
<b></b>, <strong></string> - жирное начертание
<i></i>, <em></em> - курсив
<ins></ins> - Подчеркнутый текст
<small></small> - Уменьшили шрифт
3<sup>2</sup> - Верхний индекс
H<sub>2<sub>O - Нижний индекс
Цитаты
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
</blockquote>
Специальные символы
Псевдоним | Код | Значение
— | — | —
|   | Неразбиваемый пробел
" | " | Прямая кавычка”
& | & | Амперсанд
< | < | Знак “меньше”
> | > | Знак “больше”
© | © | Копирайт
® | ® | Зарегистрировано
™ | ™ | Торговаямарка
— | — | Тире
Гиперссылки
Абсолютные
<a href="http://www.site.ru/index.html">Абсолютная ссылка</a><a href="//www.site.ru/index.html">Без указания протокола</a><a href="mailto:john@smith.com">Отправить письмо</a><a href="tel:+1555-2368">Позвонить</a>
Относительные
<a href="file.html">ссылка</a><a href="folder/file.html">ссылка</a><a href="../file.html" target=‘_blank’>ссылка</a><a href="../folder/file.html">ссылка</a><a href="/images/logo.gif">ссылка</a>
Изображения
Типы изображений: .jpg, .png, .gif, .svg
Обязательные атрибуты: <img src="адрес" alt="альтернативный текст">
Другие атрибуты: width="100", height="100", title="Логотип нашей компании" (Значания могу задаваться в пикселях или процентах)