HTML基本結構元素主要有html（HTML文檔元素）元素、head（HTML文檔頭部）和body（HTML主體）元素。每個HTML網頁文件一般都包含這三個元素，而且只能出現一次。
html元素
html元素是網頁文件的根元素，所有網頁文件內容都要放置在html的起始標籤和結束標籤內，瀏覽器通過該標籤確認讀取的文檔是HTML文檔，並按照HTML規範解析並顯示HTML文件。例如下面的HTML文檔：
head元素
head元素包含網頁的頭部信息，它主要包括網頁的標題、網頁介紹、關鍵詞、樣式文件、腳本文件、字符編碼等內容。這些內容主要被瀏覽器所用，不會顯示在網頁內容中。head常用元素說明如下：
（1）title元素
title元素內的內容是網頁的標題，標題主要顯示在瀏覽器的標題欄或狀態欄上，當用戶收藏該網頁文件或加入書籤列表時，標題將成為該網頁文檔連結的默認名稱。title標籤必須放置在head標籤內。例如下面的網頁文檔。
該網頁的標題是「我的第一個網頁」，在瀏覽器中它將顯示在瀏覽器的標題欄中，如下圖所示。
（2）link元素
link元素用於網頁文檔引入外部樣式文件，樣式文件是CSS文件，CSS文件描述了網頁的外觀。例如網頁的背景顏色、段落的字體字號、網頁元素之間排版位置等內容。關於樣式文件後面CSS課程會討論。例如，下面的網頁文檔引入了theme.css文件。
link元素的href屬性的值為連結樣式文件的名稱，type屬性指定連結文件的類型，一般是樣式文件，type屬性的值為「text/css」，rel屬性指定當前網頁文檔與被連結文檔之間的關係，rel屬性的值為「stylesheet」，表示連結的是樣式表。
（3）script元素
script元素用於網頁文檔引入外部腳本文件和內置腳本，腳本文件是js文件，腳本文件是用javaScript語言編寫的程序，這些被引入的程序可以在網頁中調用。關於腳本文件後面javaScript課程會討論。例如，下面的網頁文檔引入了do.js文件。
script元素的src屬性值為腳本文件的名稱，type屬性指定連結文件的類型，一般是腳本，type屬性的值為「text/javascript」。script元素也可以內置腳本，如下面的網頁文檔內置了腳本。
（4）meta元素
meta元素用於設置網頁關鍵詞、網頁描述、作者、顯示字符集等信息，利用meta元素可以進行網頁的SEO優化，特別是關鍵詞和網頁描述。當網頁需要進行SEO優化時，meta元素是非常重要的，搜尋引擎會通過meta元素提供的網頁關鍵詞及網頁描述，再綜合網頁內容對網頁質量進行評估。
meta元素共有兩個屬性，分別是http-equiv和name屬性。http-equiv屬性向瀏覽器提供一些網頁控制信息，如網頁採用的字符集等，與之對應的屬性值為content；name屬性描述網頁關鍵詞、網頁描述等網頁內容信息，與之對應的屬性值為content。例如，下面的網頁文檔給出了網頁內容使用的字符集、關鍵詞、網頁描述信息。
使用記事本編輯保存該網頁文檔時，保存編碼應選擇utf-8，不要使用默認的ANSI編碼，如果使用非utf-8編碼保存網頁文檔，瀏覽器顯示網頁時會出現亂碼。網頁顯示效果如下圖所示。
body元素
body元素包含網頁文檔的所有內容，是網頁文檔的主體元素，前面介紹的網頁塊元素和行元素都要放置在body元素內。