Есть много других способов работы с DOM.
Можете читать книгу дальше, просто document.write - считается не лучшей практикой.
Если хотите вставлять html, как строку, выбираете объект элемента, который будет родительским и вставляете туда строку при помощи свойства innerHTML.
//Это конечно все делается, после загрузки документа, когда элементы уже будут созданы
var div = document.querySelector('div');
div.innerHTML = '<p>Some text</p>';
Также есть более явный способ создания и вставки элементов - document.createElement
Ссылка:
learn.javascript.ru/modifying-document
Можете еще почитать про DocumentFragment:
Ссылка:
learn.javascript.ru/multi-insert 