Пойдем прямо сверху вниз. Сначала перечислю, потом описание. Скобки ставить не буду - лень. Лишь буду указывать, парный тег или одинарный.
Теги:
html, head, style, title, body, div, h1, h2, h3, img, script, p, span, a, form, input, link.
Может что-то еще вспомню по ходу написания. Подробнее:
html - парный тег. Некоторые говорят, что можно его не закрывать. Тоже верно, но это неудобно, некрасиво и вообще лучше так не делать. Основной тег. Начало и конец любого html-документа.
head - то есть голова документа. Парный тег. Предназначается для хранения элементов, которые описывают страницу или различные данные. Как правило не содержит контента, то есть элементов, которые отображаются на веб-странице, за исключением тега title. Зачастую там размещаются ссылки на стили, скрипты, различного рода метатеги ии прочее.
title - парный тег. Заголовок страницы. То что будет написано на закладке или вкладке браузера.
style - парный тег. Определяет стили на странице. Может быть размещен как внутри head, так и внутри body. Практически не используется, так как правилами хорошего тона считается вынесение всех стилей в отдельный файл.
link - одинарный тег. Нужен для подключения внешних файлов. Как правило шрифты или стили. Располагается в секции head.
meta - одинарный тег. Метатег - специальный тег для передачи любой информации для чего-либо. Как правило работает с парой атрибутов name-content, где name - это название атрибута, а content - содержимое этого атрибута. Также используется для указания кодировки страницы. Что такое кодировка - не задумывайтесь. Важно что cp1251 - это плохо. А utf-8 - это замечательно.
Примеры: <meta charset="utf-8"> для кодировки или <meta name="keywords" content="ключевые слова" /> - для указания ключевых слов.
script - одинарный или парный тег. При указании источника (src="") допускается одинарное использование. Если же источника нет, то внутри контейнера script - пишутся сами скрипты. Как правило JS.
Что такое js - тоже не тема этого урока, но вообще это javascript
Вышеуказанные теги, от style до script по правилам должны быть размещены в секции head - так как не отображаются на веб страницах.
Но современные пузомерки указывают, что файлы стилей, внешние скрипты и прочий контент может отсрочить загрузку страницы, поэтому эти теги и их содержимое надо переносить в нижню часть страницы, мол, загрузится контент, а потом пусть загружается вспомогательные фичи. С одной стороны - это правильно. Но с другой стороны - при текущих скоростях интернета надо правильно расставить приоритеты - надо ли сначала загрузить нестилизованный текст или лучше пожертвовать 1 секундой, но чтобы контент загружался так, как задумывалось.
Решать вам.
Получилось текста больше чем планировалось. Теги контента, то бишь содержимое страницы перенесем на завтра - там писать планируется намного больше чем про head.