1嘀掸、無序列表ul
<ul><li></li></ul>ul中只能包含li
ul屬性type有多種效果，樣式CSS效果更好
1.1、有序列表ol
<ol><li></li></ol>ol中只能包含li
運用較少可用表格或者ul代替
1.2拐邪、自定義列表dl
<dl><dt>標(biāo)題</dt><dd>內(nèi)容</dd></dl>
dd對dt進行描述或者解釋
- dl里面只能有dt和dd標(biāo)簽
- dt和dd一對多的關(guān)系 一個dt可以對應(yīng)著多個dd
- 一個dl里面可以有多個dt和dd
dl>dt>dd按下Tab鍵快速生成嵌套標(biāo)簽
展現(xiàn)了語義化
2、認識表格
處理數(shù)據(jù)隘截，不是用來布局 布局可用div
<table><tr><td>1</td><td>2</td></tr></table>
tr代表行 td代表列 （嵌套關(guān)系）非并列
2.1扎阶、表格屬性
border 邊框 border="數(shù)字"
cellspacing 設(shè)置單元格與單元格邊框之間的空白間距
cellspadding 設(shè)置單元格內(nèi)容與單元格邊框之間的空白間距
width 設(shè)置表格的寬度 height設(shè)置表格的高度
align 設(shè)置內(nèi)容在容器中的位置 center left right
2.2、表頭標(biāo)簽和合并單元格
表頭標(biāo)簽 <th></th>
合并單元格屬性
rowspan="數(shù)字" 跨行最上側(cè)單元格 添加該屬性
colspan="數(shù)字" 跨列最左側(cè)單元格 添加該屬性
2.3婶芭、表格結(jié)構(gòu)和表格標(biāo)題
<thead></thead><tbody></tbody><tfoot></tfoot>
tfoot兼容性較差 html5不支持
用于較大表格东臀，具有加載優(yōu)先級作用
<caption>表格標(biāo)題</caption> 定義表格標(biāo)題
2.4、表格總結(jié)
- 表格提供了HTML中定義表格數(shù)據(jù)的方法
- 表格中由行中的單元格組成
- 表格中沒有列元素犀农，列的個數(shù)取決于行的單元格個數(shù)
- 表格不要糾結(jié)于外觀惰赋，那是CSS的作用
3、認識表單
由表單域 提示文本和表單組成
3.1井赌、input及屬性
<input type="屬性值" />
type屬性 text 單行文本輸入框
password 密碼輸入框
radio 單選按鈕 checkbox 復(fù)選框
button 普通按鈕 submit提交按鈕 用value屬性鍵入按鈕值
reset 重置按鈕 file 文件域（上傳圖像）
image 圖像按鈕（type值）
<input type="image" src="圖片路徑" alt="" />
name 用戶自定義屬性
value input控件中的默認文本值
maxlength input控件允許輸入的最多字符數(shù)
checked 定義控件默認被選中的項目
<input type="radio" name="sex" />
如果是多選一需要指定相同的name為一組
3.2谤逼、label標(biāo)簽
直接用label包裹
<label>用戶名：<input type="text" /></label>
指定表單（for id選中）
<label for="no2">用戶名：</label> <input type="text" /><input type="text" id="no2" />
這樣，我們就可以通過點擊用戶名實現(xiàn)光標(biāo)介入輸入框
3.3仇穗、textarea文本域
<textarea cols="每行中的字符數(shù)" rows="顯示的行數(shù)" > 文本內(nèi)容</textarea>
3.4流部、下拉列表Select（運用較少）
<select><option></option></select>
兼容性較差，各瀏覽器解析不同展現(xiàn)效果不同
默認選中用selected="selected"屬性添加至option標(biāo)簽
select標(biāo)簽中至少包含一對option標(biāo)簽
3.5纹坐、表單域
<form action="后臺url地址" method="get/post" ></form>
4枝冀、多媒體embed
上傳至視頻網(wǎng)站然后復(fù)制embed地址放至自己的網(wǎng)站即可
