一. 複雜標簽 1.1 下拉列表 select、option 必須將select和option結合在一起使用,才能形成完整的下拉列表結構,缺一不可。 格式: 註:在選中某一選項提交時,會將name值與選中選項的value形成鍵值對一併提交到伺服器。 selected屬性可以表示預設選中項,寫法與ch ...
一. 複雜標簽
1.1 下拉列表
select、option
必須將select和option結合在一起使用,才能形成完整的下拉列表結構,缺一不可。
格式:
<select name="">
<option value=""></option>
<option></option>
<option></option>
</select>
註:在選中某一選項提交時,會將name值與選中選項的value形成鍵值對一併提交到伺服器。
selected屬性可以表示預設選中項,寫法與checked相同
1.2 列表
1.2.1 有序列表 ol
屬性:
1、type:設置序號樣式,取值:1、A、a、I、i
2、start:設置序號的起始位置
1.2.2 無序列表 ul
屬性:
1、type:設置列表項的顯示形式,取值:circle、disc、square
1.2.3 列表項 li
在列表中用於放置列表內容的標簽
1.2.4 列表嵌套
一個列表作為另一個列表的列表項
1.3 表格
1.3.1 table 表格
屬性:
1、width:寬
2、height:高
3、border:邊框粗細
4、cellspacing:單元格之間的距離
5、cellpadding:單元格的內邊距
6、align:設置水平方向上的位置,left、center、right
7、valign:設置垂直方向上的位置,top、center、bottom
tr:表格行
td:單元格
註:單元格中的內容預設垂直居中
1.3.2 不規則表格
colspan:跨列
rowspan:跨行
舉例:
<table border="1px" width="100px" height="100px" cellspacing="0">
<tr>
<td rowspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>