ทรีในแง่ข้อมูลคอมพิวเตอร์เป็นวิธีการแสดงข้อมูลเป็นลำดับของโหนดที่ซ้อนกันที่สามารถขยายหรือยุบเพื่อแสดงหัวเรื่องย่อยหรือข้อมูลอื่น ๆ ใน HyperText Markup Language (HTML) การใช้งานทรีมักถูกเรียกว่ามุมมองแบบต้นไม้ แผนผัง HTML สามารถใช้เพื่อแสดงเลย์เอาต์ของหน้าภายในเว็บไซต์ที่กำหนด หัวเรื่องและหัวเรื่องย่อยของโครงร่างเอกสารหรือหนังสือ หรือหัวข้อและการตอบกลับในฟอรัม ไม่มีวิธีเดียวในการนำต้นไม้ HTML มาใช้และ HTML นั้นไม่มีการสนับสนุนในตัวสำหรับมุมมองแบบต้นไม้ โดยปกติทรี HTML จะถูกสร้างขึ้นโดยใช้ชุดเครื่องมือที่เรียกรวมกันว่า dynamic HTML (DHTML)
แผนผัง HTML จะใช้เมื่อมีการรวบรวมข้อมูลที่สามารถแสดงเป็นเส้นตรงและรายการระดับบนสุดแต่ละรายการอาจมีข้อมูลเป็นศูนย์หรือมากกว่านั้นซึ่งเกี่ยวข้องกับรายการนั้น แต่ละรายการเรียกว่าโหนดและสามารถมีโหนดอื่น ๆ ซ้อนอยู่ภายใต้ ตัวอย่างหนึ่งของอินสแตนซ์ที่ต้นไม้สามารถใช้ในการจัดระเบียบและแสดงข้อมูลที่อยู่ในกระดานข้อความออนไลน์
แต่ละหัวข้อในกระดานข้อความออนไลน์สามารถแสดงรายการเป็นโหนดระดับบนสุดโดยมีคำว่า "ระดับสูงสุด" ระบุว่าโหนดไม่ซ้อนอยู่ภายใต้โหนดอื่น ทุกคำตอบของหัวข้อเดียวจะซ้อนอยู่ภายใต้โหนดระดับบนสุดหรือหัวข้อหลัก หากการตอบสนองเกิดขึ้นกับการตอบกลับการตอบกลับแรกจะกลายเป็นโหนดที่การตอบสนองที่สองซ้อนอยู่ ด้วยวิธีนี้สามารถจัดระเบียบข้อมูลเพื่อเชื่อมโยงความสัมพันธ์จากด้านบนถึงด้านล่างโดยการเพิ่มการเยื้องของแต่ละบรรทัดตามความสัมพันธ์ของการซ้อนกันของโครงสร้าง
ด้านหนึ่งของทรี HTML ที่ต้องการใช้ DHTML คือความสามารถในการขยายแต่ละโหนดแสดงโหนดทั้งหมดที่อยู่ข้างใต้หรือจะมีการทำสัญญาซ่อนโหนดทั้งหมดเพื่อให้มองเห็นระดับบนสุดเท่านั้น สิ่งนี้สามารถทำได้โดยการใช้ตาราง HTML ที่จัดการผ่านภาษาสคริปต์ที่ปรับเปลี่ยนโมเดลวัตถุเอกสาร (DOM) เพื่อแสดงหรือซ่อนเซลล์ตารางที่จำเป็น อีกวิธีที่ใช้ในการสร้างแผนภูมิ HTML แบบไดนามิกคือการใช้เอกสารภาษามาร์กอัป (XML) ที่ขยายได้ซึ่งเปลี่ยนเป็นหน้า HTML ด้วยสคริปต์ฝั่งเซิร์ฟเวอร์หรือโมดูลอื่น ๆ
