HTML的全名是HyperText Markup Language，翻成中文是超文字標記語言，這是建造全球網際網路中最重要的基石，HTML和CSS、JS在是網頁架構中最重要的三個基石，而HTML在這裏面扮演著人體中骨架或是建築物中鋼筋的身分，負責告訴瀏覽器哪裡要顯示標題、哪裡是段落、哪裡是圖片等等的功能。

1. 標籤與屬性的基本單位

在HTML中，他最基本的單位是標籤，有「起始標籤」與「結束標籤」，而標籤裡面還可以包裹著很多東西，例如超連結標籤<a href=" https:/forexample.com">，href是甚麼後面會講，現在只是簡單給個範例。

2. HTML5 的革命

隨著現在網路科技的迅速發展，現在標準的HTML5在這其中引入了「語意化標籤（Semantic Tags）」，在過去，在當時的開發者習慣使用沒有結構意義的<div>標籤來設計整個網頁，而現在，HTML5則推出了很多標籤，像是<header>（頁首）、<nav>（導覽列）、<main>（主要內容）等等標籤，這不僅可以讓工程師設計的程式碼更具有可讀性，更能幫助搜尋引擎(例如 Google)可以精準的理解網頁的核心，可以大幅度的提升SEO（搜尋引擎最佳化）的效果。

3. 標籤的階層寫法

在HTML中，標籤並不是各寫各的，而是使用了「一層包一層」的巢狀結構組合出來的，在最外面的是「父元素（Parent）」，而包在父元素裡面的則叫做「子元素（Child）」，瀏覽器在讀取設計好的網頁時，會把這些包起來的標籤用成一棵「檔案樹」，在網頁開發中稱為 DOM（Document Object Model，文件物件模型），理解這種父子階層的關係，是未來學習CSS排版與 JavaScript網頁互動時分常重要的東西。

4. 網頁設計中最不可或缺的骨架

HTML 是一個網頁設計中最關鍵的技術，不管之後在網頁中添加各種非常複雜的CSS、JS，在他們的最底層都還是必須依靠扎實的HTML架構來支撐整個網頁，而這也是學網頁設計中的第一個要學會的東西。