ol標簽是形成有序列表，元素前面帶序號的形式。
列表標簽：
HTML 中有有序列表(ol)，無序列表(ul)和自定義列表(dl)。不管何種列表，其中只能涵蓋列表項標簽（li），dl 標簽除外。
html全稱為HyperText Mackeup Language，譯為超文本標記語言，不是一種編程語言，是一種描述性的標記語言，用于描述超文本中內容的顯示方式。比如字體什么顏色，大小等。
超文本：音頻，視頻，圖片稱為超文本。
標記 ：<英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組成。
作用：編寫HTML頁面。
注意：HTML語言不是一個編程語言(有編譯過程)，而是一個標記語言(沒有編譯過程)，HTML頁面直接由瀏覽器解析執行。
2、HTML的歷史：
我們專門來對XHTML做一個介紹。
XHTML介紹：
XHTML：Extensible Hypertext Markup Language，可擴展超文本標注語言。
XHTML的主要目的是為了取代HTML，也可以理解為HTML的升級版。
HTML的標記書寫很不規范，會造成其它的設備(ipad、手機、電視等)無法正常顯示。
XHTML與HTML4.0的標記基本上一樣。
XHTML是嚴格的、純凈的HTML。
編寫XHTML的規范：
（1）所有標記元素都要正確的嵌套，不能交叉嵌套。正確寫法舉例：<h1><font></font></h1>
（2）所有的標記都必須小寫。
（3）所有的標記都必須關閉。
雙邊標記：<span></span>
單邊標記：<br> 轉成 <br /> <hr> 轉成 <hr />還有<img src=“URL” />
（4）所有的屬性值必須加引號。<font color="red"></font>
（5）所有的屬性必須有值。<hr noshade="noshade">、<input type="radio" checked="checked" />
（6）XHTML文檔開頭必須要有DTD文檔類型定義
3、HTML的網絡術語：
網頁 ：由各種標記組成的一個頁面就叫網頁
主頁(首頁) : 一個網站的起始頁面或者導航頁面
標記： <p>稱為開始標記 ，</p>稱為結束標記，也叫標簽。每個標簽都規定好了特殊的含義。
元素：<p>內容</p>稱為元素.
屬性：給每一個標簽所做的輔助信息。
xhtml： 符合XML語法標準的HTML。
dhtml：dynamic，動態的。javascript + css + html合起來的頁面就是一個dhtml。
http：超文本傳協議。用來規定客戶端瀏覽器和服務端交互時數據的一個格式。SMTP 郵件傳輸協議，ftp:文件傳輸協議。
4、HTML的編輯工具：
NotePad：記事本。
EditPlus：語法高亮顯示。技巧： 根據顏色判斷單詞是否出錯 （不是100%）。不好的地方：沒有代碼提示。
UltraEdit：根據顏色判斷單詞是否出錯，可以顯示2進制數據。
Sublime：新一代的代碼編輯器。
dw(dreamweaver，專業工具) ：建立WEB站點和應用程序的專業工具。它將布局功能、開發工具、代碼編輯組合在一起。有代碼提示。
5、計算機編碼介紹：
計算機只能處理二進制的數據，其它數據，比如：0-9、a-z、A-Z，這些字符，我們定義一套規則來表示。假如：A用110表示，B用111表示等。
ASCII碼：
美國發布的，用1個字節(8位二進制)來表示一個字符，共可以表示2^8=256個字符。
美國的國家語言是英語，只要能表示0-9、a-z、A-Z、特殊符號。
ANSI編碼：
每個國家為了顯示本國的語言，都對ASCII碼進行了擴展。用2個字節(16位二進制)來表示一個漢字，共可以表示2^16＝65536個漢字。例如：
中國的ANSI編碼是GB2312編碼(簡體)，對6763漢字進行編碼，含600多特殊字符。另外還有GBK(簡體)。
日本的ANSI編碼是JIS編碼。
臺灣的ANSI編碼是BIG5編碼（繁體）。
GBK：
對GB2312進行了擴展，用來顯示罕見的、古漢語的漢字。現在已經收錄了2.1萬左右。并提供了1890個漢字碼位。K的含義就是“擴展”。
Unicode編碼(統一編碼)：
用4個字節(32位二進制)來表示一個字符，想法不錯，但效率太低。例如，字母A用ASCII表示的話一個字節就夠，可用Unicode編碼的話，得用4個字節表示，造成了空間的極大浪費。A的Unicode編碼是0000 0000 0000 0000 0000 0000 0100 0000
UTF-8(Unicode Transform Format)編碼：
根據字符的不同，選擇其編碼的長度。比如：一個字符A用1個字節表示，一個漢字用2個字節表示。
毫無疑問，開發中，都用UTF-8編碼吧，準沒錯。
6、HTML顏色介紹：
顏色表示：
純單詞表示：red、green、blue、orange、gray等
10進制表示：rgb(255,0,0)
16進制表示：#FF0000、#0000FF、#00FF00等
RGB色彩模式：
自然界中所有的顏色都可以用紅、綠、藍(RGB)這三種顏色波長的不同強度組合而得，這就是人們常說的三原色原理。
RGB三原色也叫加色模式，這是因為當我們把不同光的波長加到一起的時候，可以得到不同的混合色。例：紅+綠=黃色，紅+藍＝紫色，綠+藍=青
在數字視頻中，對RGB三基色各進行8位編碼就構成了大約1678萬種顏色，這就是我們常說的真彩色。所有顯示設備都采用的是RGB色彩模式。
RGB各有256級(0-255)亮度，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256=16777216
二、HTML的規范
HTML是一個弱勢語言
HTML不區分大小寫
HTML頁面的后綴名是html或者htm(有一些系統不支持后綴名長度超過3個字符，比如dos系統)
HTML的結構：
聲明部分：主要作用是用來告訴瀏覽器這個頁面使用的是那個標準。是HTML5標準。
head部分： 不會顯示在頁面上，作用是告訴服務器一些頁面的額外信息。
body部分：我們所寫的代碼必須放在此標簽內。
目前，IE瀏覽器是完全不支持H5的，支持最好的是Opera瀏覽器，可以支持95%以上；其次是google，可以支持一部分H5。
使用DW讓網頁圖片置頂，可分三種情況：
1.CSSreset
在HTML標簽在瀏覽器里有默認的樣式，例如p
標簽有上下邊距，strong標簽有字體加粗樣式，em標簽有字體傾斜樣式。不同瀏覽器的默認樣式之間也會有差別，例如ul默認帶有縮進的樣式，在IE
下，它的縮進是通過margin實現的，而Firefox下，它的縮進是由padding實現的。在切換頁面的時候，瀏覽器的默認樣式往往會給我們帶來麻
煩，影響開發效率。所以解決的方法就是一開始就將瀏覽器的默認樣式全部去掉，更準確說就是通過重新定義標簽樣式。“覆蓋”瀏覽器的CSS默認屬性。最最簡
單的說法就是把瀏覽器提供的默認樣式覆蓋掉
根據本題提問主要涉及到以下CSSReset
html,body,
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,caption,tbody,tfoot,thead,article,aside,
canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video{margin:0;padding:0;
border:0;outline:0;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
td,tdimg{vertical-align:top}
2.圖片為頁面中插入的img，如<imgsrc="../images/1.jpg"/>
如果已經設置了以上的cssreset，在沒有專門設置其它任何間距的情況下，圖片默認也是置頂的。
3.圖片為背景圖片如
div{width:100%;height:50px;background:url(../images/1.jpg)lefttop
no-repeat;}其中的lefttop就是定義圖片位置的，讓圖片水平居左垂直居上顯示，也就是說此時圖片也是置頂的；lefttop
也可以換成數值如background:url(../images/1.jpg)00no-repeat;