1.HTML小記，
1. 概述：
??
<h1></h1>就是標題標簽
3.? <p></p>是段落標簽。
4.? ? ? 網(wǎng)頁上那張小女生的圖片，由img標簽來完成的，
? ? ? ? 它在網(wǎng)頁上的代碼寫成<img src="1.jpg">
5.html中的標簽一般都是成對出現(xiàn)的，分開始標簽和結(jié)束標簽。結(jié)束標簽比開始標簽多了一個/。
如：
<p></p>
標簽與標簽之間是可以嵌套的，但先后順序必須保持一致，如：<div>里嵌套<p>，那么</p>必須放在</div>的前面。如下圖所示。
??
6. . HTML標簽不區(qū)分大小寫，<h1>和<H1>是一樣的，但建議小寫，因為大部分程序員都以小寫為準。
7.什么是代碼注釋？代碼注釋的作用是幫助程序員標注代碼的用途
語法：
<!--注釋文字 -->
8. <body>標簽，網(wǎng)頁上顯示的內(nèi)容放在這里
9.標題標簽一共有6個，h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。并且依據(jù)重要性遞減。<h1>是最高的等級。
????
10. 加入強調(diào)語氣，使用<strong>和<em>標簽
<em> 默認用斜體表示，<strong> 用粗體表示。
2.? <span>標簽是沒有語義的，它的作用就是為了設置單獨的樣式用的。
11.? ? 1. <q>引用文本</q> ; 注意要引用的文本不用加雙引號，瀏覽器會對q標簽自動添加雙引號。
? ? ? ? 2. <blockquote>標簽，長文本引用? 語法：<blockquote>引用文本</blockquote> （瀏覽器對<blockquote>標簽的解析是縮進樣式）
? ? ? ???
? ? ? 3.在需要加回車換行的地方加入<br />，<br />標簽作用相當于word文檔中的回車。
? ? ? 4.要想輸入空格，必須寫入 。
? ? ? ??
? ? ? 5.<hr>標簽，添加水平橫線。html4.01版本: <hr>? xhtml1.0版本: <hr />
? ? ? 注：<hr />標簽和<br />標簽一樣也是一個空標簽，所以只有一個開始標簽，沒有結(jié)束標簽。
? ? ? 6. <address>標簽，為網(wǎng)頁加入地址信息
? ? ? 語法：<address>聯(lián)系地址信息</address>
? ? ? 7.使用<code>標簽,當代碼為一行代碼時，你就可以使用<code>標簽，注：如果是多行代碼，可以使用<pre>標簽。
? ? ? 語法：<code>var i=i+300;</code>
? ? ? 語法： <pre>語言代碼段</pre>
12.使用ul，添加信息列表
1.ul-li是沒有前后順序的信息列表。
<ul>
? <li>信息</li>
? <li>信息</li>
? ......
</ul>
2. ul-li在網(wǎng)頁中顯示的默認樣式一般為：每項li前都自帶一個圓點，如:
??
3.<ol>標簽來制作有序列表來展示。
語法：
<ol>
? <li>信息</li>
? <li>信息</li>
? ......
</ol>
如：? ? ? ? ??
4.把一些獨立的邏輯部分劃分出來，放在一個<div>標簽中，這個<div>標簽的作用就相當于一個容器。
語法：<div>…</div>
5. 給div命名? ? <div? id="版塊名稱">…</div>
6.創(chuàng)建表格的四個元素：
table、tbody、tr、th、td
1、<table>…</table>：整個表格以<table>標記開始、</table>標記結(jié)束。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加載完后才顯示。加上這些表格結(jié)構(gòu)， tbody包含行的內(nèi)容下載完優(yōu)先顯示，不必等待表格結(jié)束后在顯示，同時如果表格很長，用tbody分段，可以一部分一部分地顯示。（通俗理解table 可以按結(jié)構(gòu)一塊塊的顯示，不在等整個表格加載完后顯示。）
3、<tr>…</tr>：表格的一行，所以有幾對tr 表格就有幾行。
4、<td>…</td>：表格的一個單元格，一行中包含幾對<td>...</td>，說明一行中就有幾列。
5、<th>…</th>：表格的頭部的一個單元格，表格表頭。
6、表格中列的個數(shù)，取決于一行中數(shù)據(jù)單元格的個數(shù)。
注：1、table表格在沒有添加css樣式之前，在瀏覽器中顯示是沒有表格線的
2、表頭，也就是th標簽中的文本默認為粗體并且居中顯示
7.caption標簽，為表格添加標題和摘要
摘要：<table summary="表格簡介文本">
標題語法：
<table>
? ? <caption>標題文本</caption>
? ? <tr>
? ? ? ? <td>…</td>
? ? ? ? <td>…</td>
? ? ? ? …
? ? </tr>
…
</table>
13.使用<a>標簽，鏈接到另一個頁面
1.<a>標簽可實現(xiàn)超鏈接語法：
? ? ? <a? href="目標網(wǎng)址"? title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
2.title屬性的作用，鼠標滑過鏈接文字時會顯示這個屬性的文本內(nèi)容
3. 在新建瀏覽器窗口中打開鏈接 <a href="目標網(wǎng)址" target="_blank">click here!</a>
4.使用mailto在網(wǎng)頁中鏈接Email地址? ? 利用mailto做許多其它事情:
??
注意：如果mailto后面同時有多個參數(shù)的話，第一個參數(shù)必須以“?”開頭，后面的參數(shù)每一個都以“&”分隔。
5. <img>標簽的使用：
??
14. 使用表單標簽，與用戶交互
1.網(wǎng)站怎樣與用戶進行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務器端
2.語法：? ? ? <form? method="傳送方式"? action="服務器文件">
3.表單講解
??
4.文本輸入框、密碼輸入框
??
5. 文本域，支持多行文本輸入
??
6.單選框和復選框
1.兩者的區(qū)別是單選框中的選項用戶只能選擇一項，而復選框中用戶可以任意選擇多項，甚至全選。
??
例子：
??
注意:同一組的單選按鈕，name 取值一定要一致，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用。
7. 使用下拉列表框，節(jié)省空間
1.例子：
??
講解：
1、value：
2、selected="selected"：
設置selected="selected"屬性，則該選項就被默認選中。
8. 使用下拉列表框進行多選
1.在<select>標簽中設置multiple="multiple"屬性，就可以實現(xiàn)多選功能
例子：
??
9.使用提交按鈕，提交數(shù)據(jù)
??
10.使用重置按鈕，重置表單信息
1.比如用戶輸入“用戶名”后，發(fā)現(xiàn)書寫有誤，可以使用重置按鈕使輸入框恢復到初始狀態(tài)。只需要把type設置為"reset"就可以。
??
11.form表單中的label標簽
??
2.CSS小記，
CSS全稱為“層疊樣式表 (Cascading Style Sheets)”，它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式，如文字大小、顏色、字體加粗等。
??
2.
??
3.CSS代碼語法
??
4.CSS注釋代碼
??
5.內(nèi)聯(lián)式css樣式
??
6.外部式css樣式，寫在單獨的一個文件中
??
注：三種式的優(yōu)先級：他們的優(yōu)先級：內(nèi)聯(lián)式 > 嵌入式 > 外部式?
其實總結(jié)來說，就是--就近原則（離被設置元素越近優(yōu)先級別越高）。
7.什么是選擇器？
??
8.類選擇器
??
9.ID選擇器
??
10.類和ID選擇器的區(qū)別
??
??
11.子選擇器
??
12.包含(后代)選擇器
??
13.通用選擇器
??
14.偽類選擇符
??
15.分組選擇符
??
16.繼承
??
17.特殊性
??
18.層疊
??
19.重要性
??
20.文字排版--字體
??
21.文字排版--字號、顏色
??
22.文字排版--粗體
??
23.文字排版--斜體
??
24.文字排版--下劃線
??
25.文字排版--刪除線
??
26.段落排版--縮進
??
注意：2em的意思就是文字的2倍大小。
27.段落排版--行間距（行高）
??
28.段落排版--中文字間距、字母間距
??
29.段落排版--對齊
??
30.元素分類
1.在CSS中，html中的標簽元素大體被分為三種不同的類型：塊狀元素、內(nèi)聯(lián)元素(又叫行內(nèi)元素)和內(nèi)聯(lián)塊狀元素。
??
31.元素分類--塊級元素
??
32.元素分類--內(nèi)聯(lián)元素
??
33.元素分類--內(nèi)聯(lián)塊狀元素
??
34.盒模型--邊框（一）
1.盒子模型的邊框就是圍繞著內(nèi)容及補白的線，這條線你可以設置它的粗細、樣式和顏色(邊框三個屬性)。
??
35.盒模型--邊框（二）
??
36.盒模型--寬度和高度
??
??
37.盒模型--填充
??
38.盒模型--邊界
??
39.css布局模型
在網(wǎng)頁中，元素有三種布局模型：
1、流動模型（Flow）
2、浮動模型 (Float)
3、層模型（Layer）
1、流動模型（Flow）:
??
??
2.浮動模型
??
??
3.層模型
??
（1）層模型--絕對定位
??
??
(2)層模型--相對定位
??
??
(3)層模型--固定定位
??
40.Relative與Absolute組合使用
??
41.顏色值縮寫
??
42.字體縮寫
??
??
43.顏色值
??
配色表：
??
