К выложенному видео осталоть прокоментировать. Как вы обратили внимание я html разметку писал блочно (тегами <div></div>) на мое усмотрение это само просто так размещать содержимое сайта. Так же помимо блоков использавал два тега это <img src="адрес" alt="описание"> и <a href="адрес">название</a> . <img (тег дает команду браузеру что сейчас будет медиа материал видео, изображение, gif) src="адрес" (дает команду браузеру где искать полный адрес к файлу если он находится за пределами главной папки в которой весь сайт) alt="описание">(ну слово "описание" появится если в браузере будет выключена загрузка медиа )...

Тут поговорим о возможно самых популярных тегах и блоках в современной верстке. Теги DIV которые по умолчанию в браузерах имеют отображение display: block. Так же попробуем понять почему таблицы перестали быть основным способом позиционирования элементов в верстке. Как ранее упоминалось блоковые элементы занимают всю ширину родительского блока, в отличии он inline элементов, чья ширина зависит от содержимого страниц. Это не всегда удобно и нужно. Историческая справка Исторически, в интернете первым способом располагать элементы на сайте были таблиц...