一、製作我的第一個網頁Hello World
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>作用在瀏覽器的標題欄顯示“我的第一個網頁”，在頁面中顯示“Hello World”。
二、HTML和CSS的關係
- HTML是網頁內容的載體。在頁面上讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
- CSS樣式是表現。比如標題字體、顏色變化，或爲標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之爲表現。
- JavaScript是用來實現網頁上的特效效果。比如鼠標滑過彈出下拉菜單，或鼠標滑過表格的背景顏色改變，還有焦點新聞圖片的輪換。可以這麼理解，有動畫的，有交互的一般都是用JavaScript來實現的。
三、認識HTML標籤
我們上網瀏覽的各種各樣的網頁，都是由HTML標籤組成的。網頁中每一個內榮在瀏覽器中的顯示，都要存放到各種標籤中。
四、標籤的語法
- 標籤由英文尖括號
<和>括起來。如<html>就是一個標籤。 - 標籤一般是成對出現的，分開始標籤和結束標籤。結束標籤比開始標籤多了一個
/。比如<html></html>。 - 標籤之間何以嵌套，但先後順序必須保持一致。如
<div><p>...</p></div>。 - HTML標籤不區分大小寫。如
<h1>和<H1>是一樣的，建議小寫。
五、認識HTML文件基本結構
固定的結構如下：
<html>
<head>...</head>
<body>...</body>
</html>代碼講解：
<html></html>爲根標籤，所有的網頁標籤都在其中。<head>標籤用於定義文檔的頭部，是所有頭部元素的容器。頭部元素有<title>,<script>,<style>,<link>,<meta>等。<body></body>標籤之間的內容是網頁的主要內容。如<h1>,<p>,<a>,<img>等網頁內容標籤，在這裏的標籤中的內容會在瀏覽器中顯示出來。
六、認識head標籤
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題等。絕大數文檔頭部包含的數據都不會真正作爲內容顯示給讀者。
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>在<titel></title>標籤之間的文字內容是網頁的標題信息，出現在瀏覽器的標題欄中。用於告訴用戶和搜索引擎這個網頁的主要內容是什麼，搜索引擎可以通過網頁標題，迅速的判斷出網頁的主題。
頭部中的其他標籤在後面章節講解。
七、瞭解HTML的代碼註釋
代碼註釋標註代碼的用途，方便日後或其他程序員的閱讀。
語法：
<!--註釋文字-->註釋文字是不會在窗口中顯示出來的。