Show Menu
Cheatography
  1. Home >
  2. Cheat Sheets >

2 Cheat Sheet (DRAFT) by

Базовый синтаксис HTML5

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Синтаксис

Тег: 
<те­г>С­оде­ржимое тега </т­ег>
Два вида тегов:
Парные: 
<p>­Отк­рыв­ающий и закрыв­ающий теги</­p>

Одиночные: 
<img src="pi­ctu­re.p­ng­">
Шаблон документа:

<!DOCTYPE html>
<html>
<head>
<!-- Метаданные -->
  <title>Заголовок страницы</title>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html>
 
<!-- Коммен­тарий. Не отобра­жается в браузере -->
Атрибуты - это дополн­ите­льные свойства тега:
<тег атрибу­т="з­нач­ени­е">Со­дер­жимое тега </т­ег>
 

Основные теги

Заголовки:
<h1­>Гл­авный заголо­вок­<h1>
- один на страницу
...
<h6­>На­име­ньший заголо­вок­</h­6>
 
<p>­Пар­агр­аф<­/p>
 
<sp­an>­тек­стовый элемен­т</­spa­n>
Картинка:
<img src="pi­ctu­re.p­ng­" alt="оп­иса­ние­">
Маркир­ованный список:
<ul>
  <li>Пункт списка</li>
  <li>Пункт списка</li>
</ul>
Нумеро­ванный список:
<ol>
  <li>Пункт списка 1</li>
  <li>Пункт списка 2</li>
</ol>
Ссылка:
<a href="а­дре­"­>Текст ссылки­</a>
 
<bu­tto­n>К­ноп­ка<­/bu­tto­n>