1.語言介紹
網頁使用的建材都是HTML标簽，然後用CSS進行裝修。
HTML是網頁内容的載體，内容不隻有文字，是以叫超文本。
CSS（Cascading Style Sheets）即層疊樣式表，負責網頁元素的樣式與布局。
HTML由标簽組成，<xxx>，HTML标簽主要分兩類，兩邊封閉的以及自封閉的。
（1）兩邊封閉的标簽如：<html></html> <head></head> <title></title> <div></div>等，都是成對出現的，其中第一個标簽是開始标簽（開放标簽），第二個标簽是結束标簽（閉合标簽）。
（2）自封閉的變遷如：<img> <meta> <input>等,都是單個出現的，并且刑如<xxx>。
标簽與标簽之間是可以嵌套的，但先後順序必須保持一緻，如：<html>裡嵌套<span>,那</span>必須放在</html>的前面。如：
<html><span>hello world</span></html> 2.HTML基本結構
“所有的房子都有一個相同的基本結構”
<html>
<head>...</head>
<body>主體</body>
</html> 其中，<html></html>是房子的地基，所有的建築都要在地基上才能完成。
<head></head>是房子的頭标簽，它包含一些關于網頁的資訊。
在<body>和</body>标簽之間的内容都是網頁的主要内容，如果<h1>、<p>、<a>、<img>等網頁内容标簽，
<head>和</head>中間的部分包含了關于網頁的各種屬性和資訊，通常這些資訊是呈現給浏覽器的，使用者無法看到其内容。比如<link>标簽定義了目前網頁檔案與外部資源的關系；<meta>可以用來定義網頁使用的編碼類型，還可以用來記錄一些資訊。例如：小明施工隊偷偷在客戶家的<head></head>标簽裡寫下如下（類似“XX到此一遊”）。
<meta name="author" content="小明出品"> <head></head>下的<title></title>中的内容，會被浏覽器顯示在視窗的标題欄上。<body></body>是網頁内容的主題，它包含文檔中諸如文本、超連結、圖像、表格和清單等内容。
【常用标簽描述】
| 标簽 | 描述 | 封閉類别 |
| html | 定義HTML文檔 | 兩邊封閉 |
| head | 定義關于文檔的資訊 | 兩邊封閉 |
| meta | 定義關于HTML文檔的元資訊，比如作者、關鍵字等 | 自封閉 |
| title | 定義文檔的标題 | 兩邊封閉 |
| link | 定義文檔與外部資源你的關系 | 自封閉 |
| script | 定義用戶端腳本，比如JavaScript | 兩邊封閉 |
| style | 定義文檔的格式資訊 | 兩邊封閉 |
| body | 定義文檔的主題 | 兩邊封閉 |
| div | 定義文檔中的節，一般用作存放元素的内容 | 兩邊封閉 |
| p | 定義段落 | 兩邊封閉 |
| a | 定義錨，可對其添加href屬性，形成跳轉連結 | 兩邊封閉 |
| img | 定義圖像 | 自封閉 |
| table | 定義表格 | 兩邊封閉 |
| form | 定義供使用者輸入的HTML表單 | 兩邊封閉 |
| br | 定義簡單的折行 | 自封閉 |
大多數标簽是有屬性的，寫法如<input id="1" value="1">或<a href="xxx"></a>,即屬性名=屬性值的形式。
【标簽的常用屬性描述】
3.标簽基礎
4.标簽第一彈
<p>hello world</p> 5.初識CSS
6.CSS改變樣式
<style>p{color:red;}
</style>
<p>hello world</p>