HTML ツリーとは？

HTML ツリーは、基本的にはHTMLソースコードの構造をツリー（木構造）として表したものです。HTMLファイルに書かれた内容そのものです。

DOM ツリーとは？

DOMツリーは、ブラウザがHTMLを読み込んだあとに作るメモリ上のデータ構造（オブジェクト）です。 Document Object Model（DOM）という名前の通り、HTML を JavaScript から操作できるようにしたオブジェクト構造です。

HTML だけでなく、CSS や JavaScript の実行結果も反映されています。