После указания <!DOCTYPE html> всё-всё-всё надо обернуть в другой специальный тег - <html>. Ваш документ должен выглядеть так:
<!DOCTYPE html>
<html>
... а здесь весь ваш текст ...
</html>
Этот тег не такой важный как <!DOCTYPE>, и если вы его не напишете, то браузер сам догадается и допишет его за вас, когда будет рисовать ваш текст на экране.
Единственная польза тэга <html> - в нём можно указать язык, на котором написана страница. Если всё по-английски, то можно сказать <html lang="en">, а если по-русски, то <html lang="ru">. Обратите внимание, мы внутри тега начали писать какие-то дополнительные команды. Они называются аттрибутами тега. Давайте поговорим про них подробнее в следующем уроке