一、HTML概述
#HTML是Hyper Text Markup Language的縮寫，意思是「超文本標識語言”，它實際上是專門用來編寫網頁的一種程式語言。大多數網頁的構成基礎就是HTML的語句。
所有頁面都應該至少包含這些部分，由於瀏覽器容錯性強，所以即使不包含也能正常顯示，但是最好還是寫完全了。
2、如何寫一個HTML檔
#HTML檔是一個ASCII格式的檔案。它可以在任何一種可以編輯ASCII檔案的編輯器中編輯（如果HTML檔案中包含漢字，則要在支援漢字的編輯器中編輯）。
3、HTML檔案的偵錯
#直接用瀏覽器打開，檢查執行結果
4、HTML檔案的內容
◇ 頭部分是為Html頁面增加一些輔助或屬性訊息，它裡面的內容會先載入。體部分才是真正存放頁面資料的地方。
◇ 多數標籤都是有開始標籤和結束標籤，其中有個別標籤因為只有單一功能，或者沒有要修飾的內容可以在標籤內結束。
◇ 想要對被標籤修飾的內容進行更豐富的操作，就用到了標籤中的屬性，透過對屬性值的改變，增加了更多的效果選擇。
◇ 屬性與屬性值之間用「=」連接，屬性值可以用雙引號或單引號或不用引號，一般都會用雙引號。或公司規定書寫規範。
5、HTML檔案中的標籤
#1）格式：<標籤名稱屬性名稱='屬性值'> ; 資料內容 或2）操作想法： 為了操作數據，都需要對數據進行不同標籤的封裝，透過標籤中的屬性對封裝的數據進行操作。
標籤就相當於一個容器。對容器中的資料進行操作，就是在不斷的改變容器的屬性值。
二、列表
列表是一種條理化地排列資訊的方法。它把內容一條條地水平排列顯示，直觀、清晰。而它也不同於表格，一般列表沒有表格複雜。
1、無序列表
<span style="font-size:14px;"><ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul></span>
登入後複製
2、有序列表
<span style="font-size:14px;"><ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol></span>
登入後複製
#3、定義列表
#自訂清單以 標籤開始。每個自訂清單項目以 - 開始。每個自訂清單項目的定義以
- 開始。
<span style="font-size:14px;"><dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl></span>
登入後複製
結果：
#Coffee
- #Coffee
##Black hot drink
White cold drink
########################################################## #############4、兩個可帶屬性的複雜列表標記ul和ol############# 1）
和的形式，x有下列幾種:# ########### ### ###x為disc：條目以符號「●」引導。 ###### x为circle：条目以符号“○”引导。
x为square：条目以符号“■”引导。
2） 与
此标记会自动给条目排序并加上序号，也可带有属性：
a、 < ol type=" x ">
x为A：以大写字母排序。如A，B，C，D等。
x为a：以小写字母排序。如a，b，c，d等。
x为I：以大写罗马数字排序。如I，II，III，IV等。
x为i：以小写罗马数字排序。如i，ii，iii，iv等。
x为1：以阿拉伯数字排序。如1，2，3，4等。
b、
n是一个数字，此标记符表示重新定义的起始号。
<span style="font-size:14px;"><html>
<body>
<h4>Disc 项目符号列表：</h4>
<ul type="disc">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
<h4>Circle 项目符号列表：</h4>
<ul type="circle">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
<h4>Square 项目符号列表：</h4>
<ul type="square">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
</body>
</html>
</span>
登入後複製
结果：
三、表格
使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息，具有表示清晰、明了的特点，使用十分广泛。表
格一般由以下几部分组成：表格名称、表格栏及表中数据。
1、border属性
使用表格的这一属性可以给表格加上框线。如表示表格是有表格线的，border的线宽默认为1。没有写border则表示表格是没有表格线的。一般用来设置“有线表格”和边框宽度。n是一个具体的数字，用来指定宽度的大小，单位是“像素”，默认为没有边框。当n为0时，也没有边框。
2、cellspacing属性
这一属性可以用来设置有线表格的单元格线的宽度，用法为。n是一个具体的数值，单位是像素。（也就是相邻单元格线之间的距离）
3、cellpadding属性
这一属性可以用来设置单元格线与数据之间的距离，用法为。n为数值，单位是像素，默认值是1。（也就是每个单元格边线和当中数据的间隔）
4、和
这是一对用来指明表格标题的标记，常用格式如： 表格标题内容 （默认在表格框上，且相对于表格宽度居中）
5、| 和 |
这对标记用来指明表格栏目行中的一项。一行可以由多项组成，必须嵌套在与
之中使用。由此标记指定的栏目，文字会突出显示。
