Show Menu

HTML Cheat Sheet by

html     beginner

Синтаксис

Начало тега
Контент
Конец тега
<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>
Столбец

Download the HTML Cheat Sheet

1 Page
//media.cheatography.com/storage/thumb/ahidoyatov_html.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

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