HTML:
1.html標籤不顯示，是網頁最外層的標籤，一個網頁只能有一個
2.body標籤：裏面存儲所有所有的可見元素
3.head標籤：爲一張網頁儲存一些必要的元素
4.title標籤：用於指定頁面標題，搜索引擎就搜索這裏，不顯示
5.h標籤：標題（顯示），從大到小h1-h6，h1最重要
6.p標籤：段落標籤，一個p就是一個段落，<br>標籤可以用來換行
7.div標籤：容納其他元素 用的極爲頻繁，用來分類，類似目錄
8.a標籤：用於指定網頁中的鏈接，類似下面
<a href="http:www.baidu.com" target="_blank">測試</a>
href後面是跳轉到的網址，target後面是在當前頁打開還是重新開一頁(_self是在當前頁打開， _blank是在新頁面打開)
9.img標籤：在網頁中指定圖片的標籤 只有開始標籤，沒有結束標籤
<img src="www……" alt="主題">
src裏面寫圖片地址，可以爲網絡圖片也可以爲本地圖片
alt裏面是主題，當搜索不到圖片的時候會顯示
10.表格類標籤，table標籤、tr標籤、td標籤、th標籤、thead標籤、tbody標籤：table是總的，是大的表格，tr是行，td是列，th是屬性，thead是表頭，tbody是表身。用thead更嚴謹。示例如下：
<table>
<thead>
<tr>
<th>
Words
</th>
<th>
Mood
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
嚶嚶嚶
</td>
<td>
happy
</td>
</tr>
</tbody>
</table>
表格是這個樣子的：
11.header標籤，footer標籤：header用來存放標題相關的，非常重要，用於提取信息的內容，footer用來存放頁腳相關的內容，header和footer中間寫正文，<hr>是分割線
12.link標籤，script標籤：可以放在head也可以放在body裏，link是指定頁面樣式的，script是加載javascript的。如果對js依賴不大，可以把js放在body的最後一部分加載，這樣在js加載出來之前頁面已經有內容了，而不是空白
13.button標籤：按鈕標籤，是一個觸發者，一般與js聯繫使用
14.abbr標籤：縮寫標籤，<abbr title="全稱">簡稱</abbr> 可以在鼠標指向頁面上顯示的簡稱的時候顯示全稱
15.coder標籤、pre標籤：都是用於顯示代碼的標籤，coder是一行一行的代碼，鑲嵌到文字裏面；pre是大段代碼
CSS
1.書寫格式：選擇器+屬性列表（屬性+值）
在head標籤裏添加：
<style>
p{
background: green;
border:5px solid black;
}
</style>
2.@import url(地址)也是引入css，必須定義到文件開始，沒有link使用廣
3.<link rel="stylesheet" type="text/css" href="text.css">是最常用的引用方式
4.<p style="color red"></p>優先級最高，但最不靈活，但是在後面加!important可以無視其他所有規則
5.選擇器分組
h1,h2{
規則
}
h1,h2有相同的格式。
6.類選擇器：
<p class="red">A</p>
<div class="red">B</div>
<p class="green">C</p>
css文件中這樣寫：
.red{
color: red;
}
.green{
color:green;
}
一定要帶着. 表示是選擇類而不是標籤。這樣可以實現相同的標籤不同的格式。
7.id選擇器：類似類選擇器
<p id="logo">LOGO</p>
#logo{
color:pink;
}
一般用於定位頁面中唯一的元素。
8.屬性選擇器：
<button title="點擊此處登錄">登錄</button>
[title]{
color:gray;
}
所有帶有title的標籤都會受到影響。
[title="點擊此處"]
只有title爲點擊此處的標籤纔會受到影響。
[title*="點擊"]
所有title裏含有點擊兩個字的都會受到影響。
[title^="點擊"]
所有以“點擊”二字開頭的title都會受影響。
[title$="點擊"]
所有以“點擊”二字結束的title都會受影響。
a[title="xx"]
所有title爲xx的a標籤都要受影響。
9.<input>標籤有很多格式。