Тут я расскажу про основные теги. Про остальные можно узнать подробнее вот тут - http://htmlbook.ru/html
Сайт в основном состоит из блоков, картинок и текста. Про них и расскажем.
Основа основ
<img src="image.jpeg" alt=""> - добавляет изображение на страницу. Путь к изображению добавляется в атрибут src, а в атрибут alt можно написать текст, который будет отображаться при наведении на картинку. Закрывающий тег не требуется.
<a href="https://yandex.ru/">Ссылка</a> - создаёт на странице ссылку. Сама ссылка пишется в атрибут href, а отображаемый текст между открывающим и закрывающим тегом.
<div></div> - тег, обозначающий блочный элемент. Служит контейнером для других элементов. Может содержать в себе также другие теги div.
Заголовки
Примеры того, как задаются и отображаются заголовки:
Визуально заголовки отличаются только размером и толщиной, и можно подумать, что есть вариант просто написать текст и задать ему размер через стили, но для поисковых роботов, обозначение заголовков именно так имеет особо важное значение. Если вы хотите, чтобы сайт продвигался в поисковых системах, подобными обозначениями тегов не стоит пренебрегать.
Текстовые теги
<p> - используется для выделения абзацев
<span> - используется для придания каких-то свойств тексту внутри абзаца, или записи маленьких строк, словосочетаний. В этом примере два слова внутри абзаца выделены в span и раскрашены в красный.
<blockquote> - обозначает что здесь написана цитата. По умолчанию задаёт отступ в 40 пикселей по бокам
<b> - делает текст жирным
<strong> - делает текст жирным и указывает поисковым роботам на то, что это важная часть текста
<i> - применяет курсив к тексту
<em> - применяет курсив к тексту и указывает поисковым роботам на то, что это важная часть текста
<del> - делает текст зачёркнутым
<u> - делает текст подчёркнутым.
Для всех этих тегов требуется закрывающий тег.