溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關HTML中body標簽中的相關標簽有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
列表標簽分為三種：
無序列表 ul
有序列表 ol
定義列表 dl
<body>
<ul>
<li>張三</li>
<li>李四</li>
<li>王五</li>
</ul>
</body>效果：
注意：
li 不能單獨存在，必須包裹在ul里面；反過來說，ul的“兒子”不能是別的東西，只能有li。
ul的作用，并不是給文字增加小圓點的，而是增加無序列表的“語義”的。
屬性
type="屬性值"。 屬性值可以選：disc(實心圓點，默認)，square(實心方點)，circle(空心圓)
效果如下：
<body>
<ol>
<li>張三</li>
<li>李四</li>
<li>王五</li>
</ol>
</body>效果：
屬性：
type="屬性值"；屬性值可以是：1，a，A，i，I; 結合start屬性表示從幾開始
dl 沒有屬性。dl的子元素只能是 dt 和 dd
dt：列表的標題，這個標簽是必須的
dd：列表的列表項，可以不寫
備注：dt,dd只能在dl里面；dl里面只能有dt,dd
<dl> <dt>第一條規則</dt> <dd>不準睡覺</dd> <dd>不準交頭接耳</dd> <dd>不準下神</dd> <dt>第二條規則</dt> <dd>可以泡妞</dd> <dd>可以找妹子</dd> <dd>可以看mv</dd> </dl>
效果：
表格標簽用< table >表示
一個表格<table>是由每行<tr>組成的，每行是由<td>組成的。
所以我們要記住，一個表格是由行組成的（行是由列組成的），而不是由行和列組成的。
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>border：邊框。像素為單位
style="border--collapse;collapse;"：單元格的線和表格的邊框合并
width：寬度。像素為單位
height：高度。像素為單位
bordercolor：表格邊框的顏色
align：表格的水平方式。屬性值可以填：left right center
注：這里不是設置表格里的內容的對齊方式，如果想要設置內容的對齊方式，要對單元格標簽< td >進行設置
cellpadding：單元格內容到邊的距離。像素為單位。默認情況下，文字是緊挨著左邊那條線的，即默認情況下的值為0
cellspacing：單元格和單元格之間的距離(外邊距)。像素為單位，默認下為0
bgcolor=""：表格的背景顏色
background="路徑"：背景圖片。背景圖片的優先級大于背景顏色
一個表格就是一行一行組成的
屬性
dir：公有屬性，設置這一行單元格內容的排列方式。可以取值：ltr：從左到右；rtl：從右到左
bgcolor：設置這一行的單元格的背景顏色
height：一行的高度
align="center"：一行的內容水平居中顯示，取值：left，center，right
valign="center"：一行的內容垂直居中，取值：top，middle，bottom
屬性
align：內容橫向對齊方式。屬性值為: left right center
valign：內容的縱向對齊方式。屬性值為: top middle bottom
width：絕對值或者相對值(%)
height：單元格的高度
bgcolor：設置單元格的背景色
background：設置單元格的背景圖片
如果要將兩個或多個單元格合并，則就要刪掉其余單元格，只留一個單元格
單元格的屬性：
colspan：橫向合并。如colspan="2"表示當前單元格在水平方向上要占據兩個單元格位置
rowspan：縱向合并。如rowspan="2"表示當前單元格在垂直方向上要占據兩個單元格位置
效果：
表單標簽用< form >表示，用于與服務器的交互。表單就是收集用戶信息的，就是讓用戶填寫的，選擇的
屬性：
name：表單的名稱，用于JS來操作或控制表單時使用
id：表單的名稱，用于JS來操作或控制表單時使用
action：指定表單數據的處理程序，一般是PHP
method：表單數據的提交方式，一般取值：get(默認)和 post
action屬性就是表示，表單將提交到哪里。 method屬性表示用什么HTTP方法提交，有get、post兩種。
get提交和post提交的區別：
GET方式：
將表單數據，以"name=value"形式追加到action指定的處理程序的后面，兩者間用"?"隔開，每一個表單的"name=value"間用"&"號隔開。
特點：只適合提交少量信息，并且不太安全(不要提交敏感數據)、提交的數據類型只限于ASCII字符。
POST方式：
將表單數據直接發送(隱藏)到action指定的處理程序。POST發送的數據不可見。Action指定的處理程序可以獲取到表單數據。
特點：可以提交海量信息，相對來說安全一些，提交的數據格式是多樣的(Word、Excel、rar、img)。
Enctype：
表單數據的編碼方式(加密方式)，取值可以是：application/x-www-form-urlencoded、multipart/form-data。Enctype只能在POST方式下使用。
Application/x-www-form-urlencoded：默認加密方式，除了上傳文件之外的數據都可以
Multipart/form-data：上傳附件時，必須使用這種編碼方式。
用于接收用戶輸入
<input type='text' />
屬性：
type="text"：文本類型。屬性值可以為：
注：如果要限制上傳文件的類型，需要配合JS來實現驗證，對上傳文件的安全檢查：一是擴展名的檢查，二是文件數據內的檢查
text(默認)：文本類型
password：密碼類型
radio：單選按鈕，名字相同的按鈕作為一組進行單選(單選按鈕，天生不能互斥，如果想要互斥，必須要有相同的name屬性)
checkbox：多選按鈕，名字相同的按鈕作為一組進行選擇
checked：將單選按鈕或多選按鈕默認處于選擇狀態。當< input >標簽的type="radio"時，可以用這個屬性，屬性值也是checked
hidden：隱藏框，在表單中包含不希望用戶看見的信息
button：普通按鈕，結合JS代碼進行使用
submit：提交按鈕，傳送當前表單的數據給服務器或者其他程序處理，這個按鈕不需要寫value自動就會有"提交"文字，點擊按鈕后，這個表單就會被提交到form標簽的action屬性中指定的我那個頁面區
reset：重置按鈕，清空當前表單的內容，并設置為最初的默認值
image：圖片按鈕，和提交按鈕的功能完全一致，只不過圖片按鈕可以顯示圖片
file：文件選擇框
value="內容"：文本框里的默認內容
size="50"：表示文本框可以顯示五十個字符，一個英文或一個中文都算一個字符
注：size屬性值的單位不是像素
readonly：文本框只讀，不能編輯。因為它的屬性值是readonly,所以屬性值可以不寫
disabled：文本框只讀，不能編輯。光標點不進去，屬性值可以不寫
< select >標簽里面的每一項都用< option >表示，select是"選擇"，option是
"選項"
< select >屬性：
mutiple：可以對下啦列表中的選項進行多選，沒有屬性值
size=""：如果屬性值大于 1，則列表為滾動視圖，默認屬性值為1，即下拉視圖
< option >屬性：
selected：預選中。沒有屬性值
<form>
<select>
<option>小學</option>
<option>初中</option>
<option>高中</option>
<option>大學</option>
<option selected="">研究生</option>
</select>
<br><br><br>
<select size="3">
<option>小學</option>
<option>初中</option>
<option>高中</option>
<option>大學</option>
<option>研究生</option>
</select>
<br><br><br>
<select multiple="">
<option>小學</option>
<option>初中</option>
<option selected="">高中</option>
<option selected="">大學</option>
<option>研究生</option>
</select>
<br><br><br>
</form>效果：
text是"文本"，area是"區域"
屬性：
value：提交給服務器的值
rows=""：指定文本區域的行數
cols=""：指定文本區域的列數
readonly：只讀
<form>
<textarea name="txtInfo" rows="4" cols="20">路飛學城</textarea>
</form>
感謝各位的閱讀！關于HTML中body標簽中的相關標簽有哪些就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
