# 用到的html的標簽
## （1）meta標簽
主要用于設置頁面的編碼格式
常用的編碼格式：
utf-8:國際編碼 只要設置了該編碼格式，頁面中出現的文字只要是國際語言都能夠被正確的解析
GB2312：大陸編碼（簡體）
big5:臺灣編碼（繁體）
GBK:中文編碼,主要用于設置中文編碼
## （2）title標簽
用于給網頁設置標題信息
<title>標題內容</title>
## （3）h類標簽
h標簽主要用于給網頁內容設置標題信息
語法結構：<hn>標題內容</hn> n取值 1-6 表示不同級別的標題
<h1>軟微歡迎您</h1>
<h2>html的學習</h2>
<h3>html的學習</h3>
<h4>html的學習</h4>
<h5>html的學習</h5>
<h6>html的學習</h6>
## （4）p標簽
p標簽是段落標簽
語法結構：<p>段落的內容</p>
## （5）strong標簽
用于對文本進行加粗操作
語法結構：<strong>需要加粗的內容</strong>
## （6）em標簽
用于對文本進行傾斜操作
語法結構：<em>需要傾斜的內容</em>
## （7）特殊符號
空格的表示方式：
表示的是鍵盤上空格符的寬度
  表示的是一個中文字符的寬度（會受字體的影響）
  表示的是半個中文字符的寬度
## （8）br標簽
br是用于強制換行
語法結構：<br /> 或者<br>
## （9）hr標簽
hr是用于設置橫線的標簽
語法結構：<hr />
屬性：用于對標簽進行修飾
屬性的表示方式 ：<標簽名屬性名1=“屬性值” 屬性名2=”屬性值”……>
注意：屬性也是在尖括號內，多個屬性之間用空格分割開
<hr color="#FF0000"width="400"/>
hr的屬性：
color：用于設置橫線的顏色
width：用于設置橫線的寬度
align:用于設置橫線的位置 取值：left（靠左）、center（居中，默認取值）、right(靠右) 該屬性可以作用于其它標簽
size：用于設置橫線的高度
注意：在HTML頁面中，設置有長度單位的時候，可以不用加單位，默認單位是px
## （10）img標簽
img標簽用于引入圖片的標簽
<img src=“圖片的路徑”/>
img標簽的屬性：<br/>
src:該屬性用于引入圖片的路徑 必須
width：用于設置圖片的寬度 如果只設置寬度，高度會隨寬度的變化等比例變化
height：用于設置圖片的高度 如果只設置高度，寬度會隨高度的變化等比例變化
title：用于設置圖片的標題信息
alt:用于設置圖片未正常加載時的提示信息
## （11）無序列表
語法結構：
<ul>
<li></li>
<li></li>
……
</ul>
ul標簽的屬性
type:改變ul前的標記樣式
取值： disc:實心圓標記 默認取值
circle：空心圓標記
square：實心方塊標記
none：沒有標記 不能被IE瀏覽器識別
## （12）有序列表
語法結構：
<ol>
<li></li>
<li></li>
……
</ol>
ol的屬性：
type:用于設置有序的排列類型
1(默認)/a/A/i/I
start:用于設置有序從第幾項開始進行排序 取值只能是數字
## （13）dl標簽
dl是自定義列表標簽
語法結構：
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
dt是自定義列表的標題
dd是dt的描述或者解釋說明
## （14）a標簽
a標簽是超鏈接標簽，用于給標記添加超鏈接
語法結構：<a href=”鏈接路徑”>標記</a>
屬性：
href:設置超鏈接的鏈接路徑 必須
target：用于設置超鏈接打開的位置
_self:在本窗口打開超鏈接（默認）
_blank:在新的窗口打開超鏈接
_new:也表示在新的窗口打開超鏈接
## （15）table標簽
table標簽是表格標簽
語法結構：
<table>
<tr><td></td><td></td>……</tr>
<tr><td></td><td></td>……</tr>
……
</table>
table的屬性：
width：用于固定表格的寬度 單位是px
border:用于設置表格的邊框 單位是px0表示沒有邊框 默認
height:用于固定表格的高度
align：設置表格的水平位置 left、center、right
bgcolor:用于設置整個表格的背景顏色
background：可用于將圖片設置為整個表格的背景
bordercolor:設置表格邊框的顏色
cellspacing:用于設置表格的邊框與邊框之間的距離
cellpadding:用于設置表格的內容與邊框之間的距離
tr的屬性：
bgcolor:設置行的背景顏色
background：可將圖片設置為行的背景
align:left/center/right 主要作用整行的內容的水平位置
height：設置行的高度 行不能設置寬度
td的屬性：
bgcolor:設置單元格的背景顏色
background：將圖片設置為單元格的背景
align:left/center/right 主要作用單元格的內容的水平位置
width：用于設置單元格所在列的寬度
height：作用于單元格所在行的高度
th標簽：用于設置表格的標題的標簽，替換td的位置，該標簽會使內容自動居中，且有加粗效果
單元格的合并，涉及的屬性都是td的屬性
列合并：colspan
例子： colspan = “n” n是該單元格所占的列數
<td colspan="2">描述信息</td>
如上：該單元格占兩列的位置
行合并：rowspan
例子： rowspan = “n”n表示該單元格所占的行數
<td rowspan="2">大眾</td>
如上:該單元占兩行的位置
## （16）input標簽
語法結構：<inputtype=””/>
input的屬性：
type取值：
text:用于設置文本框（默認）
password：設置密碼輸入框
radio：設置單選按鈕，注意：如果要實現單選效果，需要和name屬性聯用，name的值相等才能實現單選效果
checkbox：用于設置復選框 也需要設置name屬性的相等，表明是同一組數據
file:用于設置文件上傳
submit：設置提交按鈕
reset:設置重置按鈕
以上兩個按鈕必須配合form標簽使用
<form action=”目標地址”>
input的內容
</form>
button:自定義按鈕 配合js使用
value屬性用于設置input的默認值
name屬性用于設置input的名稱
size：一般用于輸入框，用于設置輸入的寬度
checked:一般用于單選或者多選，表示設置默認選中項
## （17）select標簽
select標簽是下拉列表標簽
語法結構：
<select>
<option></option>
<option></option>
……
</select>
option的屬性：selected用于設置默認選中項
## （18）textarea標簽
textarea是文本域標簽，可以進行多行文本輸入
語法結構：
<textarea></textarea>
屬性值：
cols:設置文本域的一行可輸入的字符數量（改變寬度）
rows:設置文本域可見的區域行數（改變高度）
readonly：設置文本域只讀
