Пример HTML кода стандартной веб страницы:


<!doctype html>

<html>

  <head>

    <meta charset="UTF-8">

    <title>Это заголовок веб-старницы</title>

  </head>

<body>


  <p>А это абзац этой веб-страницы</p>


</body>

</html>

Полезные фишки:

Мета тег для того, чтобы сайт правильно отображался (сжимался) на мобильных устройствах

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Элементы HTML:

Основная сруктура веб страницы:

<header> - Первый блок страницы, может содержать логотип и слоган
<nav> - Блок списка ссылок, ведущие на разные страницы
<article> - Блок основного содержимого страницы
<footer> - Последний блок остраницы, в нем повторяются основные навигационные ссылки и добавляются вторичные

Блочные элементы:

<p>...</p> - Абзацы
<ul>...</ul> - Спики неупорядоченные (с маркером)
<ol>...</ol> - Спики упорядоченные (с числами)
<dl>...</dl> - Спики описаний терминов (с элементами <dt>Термин</dt> и <dd>Описание термина</dd>)
<h1>...<h6> - Заголовки от перовго до шестого уровня
<article>...</article> - Статьи
<section>...</section> - Разделы
<blockquote>...</blockquote> - Длинные цитаты

Строчные элементы (Ин-лайновые):

<a>...</a> - Ссылки (Пример: Ссылка)
<em>...</em> - Выделенные слова (Пример: Выделенные слова)
<strong>...</strong> - Важые слова (Пример: Важные слова)
<q>...</q> - Короткие цитаты (Пример: Цитата дня)
<small>...</small> - Менее важные слова (Пример: Не важные слова)
<abbr>...</abbr> - Аббревиатуры (Пример: SES)

Менее важные элементы:

<section> - ??? Блок группировки элементов в разделы
<aside> - Блок располагается вместе с блоком <main> и содержит дополнительную информацию, связанную с основным содержанием
<main> - ??? Блок с уникальным содержанием, находящимся на всем сайте

Элемент <select> с дочерними <option>:

Таблицы обязательно должны содержать следующую структуру:

<table> - Создает таблицу
<tr> - Добавляет строку
<td> - Добавляет ячейку

И не-обязательные следующие блоки:

<thead> - Верхний ряд заглавных ячеек
<th> - Добавляет заглавную ячейку
<tbody> - Основное содержимое таблицы
<tfoot> - Нижний ряд заглавных ячеек

Имя бренда	Название инструмента
Bosh	Дрель
Expert	Отвертка
Зенит	Шуруповерт
Имя бренда	Название инструмента

Результат: