kenzhemir · September 28, 2018 16:21
diff --git a/cheatsheet.html b/cheatsheet.html
 <!DOCTYPE html> <!-- Указываем версию html для браузера (здесь HTML5) -->
 <html> <!-- Начало html кода -->
 <head> <!-- В этом теге будет вся "мета" информация о странице -->
  
  <meta charset="utf8"> <!-- Тег отвечает за разную информацию о странице, например кодировка, размер экрана 
                              или цвет закладки (в телефоне на некоторых сайтах закладка меняет цвет) --> 

  <title>Заголовок во вкладке браузера</title>

  <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> <!-- Подключаем CSS --->

  <script src="main.js"></script> <!-- Подключаем Javascript. вообще может находиться где угодно на странице -->
 </head>
 <body> <!-- Весь контент сайта находится тут -->

  <div id="wrapper"> <!-- элемент div это квадратный блок на сайте. у этого блока есть атрибут id -->

    <header></header> <!-- тот же самый div, только для шапки сайта. нужен для semantic web -->
    <nav></nav>  <!-- тот же самый div, только для навигации. нужен для semantic web -->

    <h1></h1> <!-- Самый большой заголовок -->
    <h2></h2>
    <h3></h3> <!-- и так далее до 6-->
    <p></p> <!-- параграф -->
    <a href="google.com"></a> <!-- ссылка -->
    <img src="/image.png" alt="Описание" /> <!-- картинка -->

    <form> <!-- Форма для приема данных -->
      <input type="text|password|number" placeholder="placeholder here"/> <!-- Поле для ввода данных -->
      <textarea></textarea> <!-- Поле для ввода большого текста -->
      <select>  <!-- Выпадающий список -->
        <option></option>  <!-- поле в списке -->
      </select>
      <button type="button"></button>  <!-- Кнопка. Просто кнопка -->
    </form>

    <table> <!-- Таблица -->
      <tr> <!-- Строка таблицы 1 -->
        <th></th> <!-- Ячейка-заголовок таблицы-->
      </tr>
      <tr> <!-- Строка таблицы 2 -->
        <td></td> <!-- Ячейка таблицы-->
      </tr>
    </table>

    <video></video> <!-- думаю тут все понятно) -->
    <audio></audio> <!-- думаю тут все понятно) -->

    <footer></footer> <!-- тот же самый div, только для подвала\футера сайта. нужен для semantic web -->
  </div>
 </body>
 </html>
	<!DOCTYPE html> <!-- Указываем версию html для браузера (здесь HTML5) -->
	<html> <!-- Начало html кода -->
	<head> <!-- В этом теге будет вся "мета" информация о странице -->

	<meta charset="utf8"> <!-- Тег отвечает за разную информацию о странице, например кодировка, размер экрана
	или цвет закладки (в телефоне на некоторых сайтах закладка меняет цвет) -->

	<title>Заголовок во вкладке браузера</title>

	<link rel="stylesheet" type="text/css" media="screen" href="main.css" /> <!-- Подключаем CSS --->

	<script src="main.js"></script> <!-- Подключаем Javascript. вообще может находиться где угодно на странице -->
	</head>
	<body> <!-- Весь контент сайта находится тут -->

	<div id="wrapper"> <!-- элемент div это квадратный блок на сайте. у этого блока есть атрибут id -->

	<header></header> <!-- тот же самый div, только для шапки сайта. нужен для semantic web -->
	<nav></nav> <!-- тот же самый div, только для навигации. нужен для semantic web -->

	<h1></h1> <!-- Самый большой заголовок -->
	<h2></h2>
	<h3></h3> <!-- и так далее до 6-->
	<p></p> <!-- параграф -->
	<a href="google.com"></a> <!-- ссылка -->
	<img src="/image.png" alt="Описание" /> <!-- картинка -->

	<form> <!-- Форма для приема данных -->
	<input type="text\|password\|number" placeholder="placeholder here"/> <!-- Поле для ввода данных -->
	<textarea></textarea> <!-- Поле для ввода большого текста -->
	<select> <!-- Выпадающий список -->
	<option></option> <!-- поле в списке -->
	</select>
	<button type="button"></button> <!-- Кнопка. Просто кнопка -->
	</form>

	<table> <!-- Таблица -->
	<tr> <!-- Строка таблицы 1 -->
	<th></th> <!-- Ячейка-заголовок таблицы-->
	</tr>
	<tr> <!-- Строка таблицы 2 -->
	<td></td> <!-- Ячейка таблицы-->
	</tr>
	</table>

	<video></video> <!-- думаю тут все понятно) -->
	<audio></audio> <!-- думаю тут все понятно) -->

	<footer></footer> <!-- тот же самый div, только для подвала\футера сайта. нужен для semantic web -->
	</div>
	</body>
	</html>