Show Menu
Cheatography

Синтаксис

Начало тега
Контент
Конец тега
<h1 lang="e­n">
Заголовок
</h­1>
<p>
Параграф
</p>

Главные теги

<!D­OCT­YPE>
Версия HTML документа
<ht­ml>
Html документ
<he­ad>
Заголовок документа
<bo­dy>
Тело документа

Пример

<!DOCTYPE html>
<html>
<head>
<title>Загаловок веб страници</title>
</head>
<body>

<h1>Загаловок</h1>
<p>Параграф.</p>

</body>
</html>

Коммен­тарий

<!-- Коммен­тарий не будет отобра­жаться пользо­вателю -->

Формы

<fo­rm>
Форма
<fi­eld­set>
Группи­ровка полей
<le­gen­d>
Заголовок формы
<la­bel>
Название ввода
<in­put>
Ввод
<se­lec­t>
Список
<op­tgr­oup>
Группа внутри списка
<op­tio­n>
Элемент списка
<te­xta­rea>
Ввод длинного текста
<bu­tto­n>
Кнопка
 

Текст

<h1> до <h6>
Заголовки
<p>
Параграф
<br>
Перевод строки
<st­ron­g>
Жырний текст
<em>
Курсивный текст
<pr­e>
Не формат­иро­ванный текст
<ma­rk>
Oтмеченный текст
<de­l>
Зачерк­нутый текст
<in­s>
Подчер­кнутый текст
<su­p>
Над текст
<su­b>
Под текст

Цитата и Аббрев­иатуры

<q>
Одно строчная цитата
<bl­ock­quo­te>
Блочное цитата
<ab­br>
Аббрев­иатура

Списки

<ol>
Нумеро­ванный список
<ul>
Не нумеро­ванный список
<li>
Элемент списка
<dl>
Список с описанием
<dt>
Термин списка с описанием
<dd>
Описание списка с описанием
 

Ссылки

<а href="h­ttp­://­goo­gle.co­m">
Ссылка на внешнюю страницу
<а href="p­age­2">
Ссылка на внутреннюю страницу
<a href="m­ail­to:­">
Ссылка на маил
<a href="n­ame­">
Якорь
<a href="#­nam­e">
Ссылка на якорь / ид
<а href="u­rl" target­="_b­lan­k">
Открыт ссылку на новом окне

Изобра­жения

<img src="пут к картин­ке">
Изобра­жения
<ma­p>
Карта изобра­жения
<ar­ea>
Область карти изобра­жения

Таблицы

<ta­ble>
Таблица
<ca­pti­on>
Надпись таблицы
<th­ead>
Заголо­вочная част таблицы
<tf­oot>
Нижняя часть таблицы
<tb­ody>
Тело таблицы
<co­lgr­oup>
Группи­ровка колонок
<co­l>
Колонка
<th>
Заголовок
<tr>
Строка
<td>
Столбец
   

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          EQ tips Cheat Sheet
          AngularJS Cheat Sheet
          HTML5 deutsch Cheat Sheet