- 列表項
- 列表項
- 列表項
ol,即 list(有序列表)。
type屬性(定義列表項符號)
- 列表項
- 列表項
- 列表項
無序列表
- 列表項
- 列表項
- 列表項
ul,即 list(無序列表)。
type屬性(定義列表項符號)
- 列表項
- 列表項
- 列表項
實際開發中用到有序列表挺少,無序列表用的多,注意兩個特點:
(1)ul元素的子元素只能是li,不能是其他元素。
(2)ul元素內部的文本,只能在li元素內部添加html有序列表中有標簽,不能在li元素外部添加。
自定義列表
- 名詞
- 描述
dl即 list(定義列表),dt即 term(定義名詞),而dd即 (定義描述)。
案例展示:
Document
- 小李 100
- 小明 99

- 小紅 88
- 小李 100
- 小明 99
- 小紅 88
- 香蕉
- 蘋果
- 雪梨
- 香蕉
- 蘋果
- 雪梨
- HTML
- 控制網頁的結構
- CSS
- 控制網頁的樣式
- JavaScript
- 控制網頁的行為
2.表格標簽 基本結構
表格標簽有三部分組成
(1)表格:table標簽
(2)行:tr標簽
(3)單元格:td標簽
單元格1
單元格2
單元格3
單元格4
tr,指的是table row(表格行),td,指的是table data cell(表格單元格)。
表格屬性
屬性名
屬性值
效果
數字
邊框寬度
width
數字
表格寬度
數字
表格高度
完整結構
表格標題()
一個表格只能有一個標題,位于整個表格內的第一行。
表頭單元格(th)
th,指的是table cell(表頭單元格)。
表格語義化
thead、tbody和tfoot標簽。分別表示:表頭、表身、表腳。顯示效果沒區別,但是代碼結構更清晰,更有可讀性和有利于后期的維護。
此外還方便分塊來控制表格的CSS樣式。
合并行
合并列
合并行和合并列內容默認的是前面一個,后面那些需要刪去。
案例演示:
Document
表格
姓名
成績
身份
小李
99
學生

底部
底部
底部
表格
姓名
成績
身份
姓名
成績
身份
小李
學生
底部
底部
3.表單標簽
前面學的都是靜態頁面,下面終于接觸到動態頁面了。簡單來說,如果一個頁面僅僅供用戶瀏覽,那就是靜態頁面。如果這個頁面還能實現與服務器進行數據交互(像注冊登錄、話費充值、評論交流),那就是動態頁面。
form標簽
創建表單需要把所有表單標簽放在form標簽內部。
name屬性(給表單進行命名)
屬性(指定表單數據使用哪一種http提交方法)
屬性取值有兩個:一個是“get”,一個是“post”。get的安全性較差,而post的安全性較好。實際開發中,使用post比較多。
屬性(指定表單數據提交到哪一個地址進行處理)
屬性(指定窗口的打開方式)
(指定表單數據提交的編碼方式)
一般不用自己設置
input系列標簽
文本框
文本框常用屬性
密碼文本框(輸入字符不可見)
單選框
name屬性能讓單選框分為一組,這樣就能幾個之只能選一個,實現“單選”。
value屬性取值跟后面的文本是相同的。加上value屬性html有序列表中有標簽,是為了方便或者服務器操作數據用的。
屬性設置默認選中的框。
多選框
與單選框的name相同,列為一組,不過多選設定為多選,系統會自動識別。
文件選擇框
屬性能選擇多個文件上傳。
提交按鈕
給服務器提交數據。
重置按鈕
清除用戶在表單中輸入的內容。
普通按鈕
配合來進行各種操作的。
下拉列表
跟無序列表很像,其中無序列表是由ul和li這兩個標簽配合使用。
設置默認選擇,即開頭選中的。
文本域
label標簽
綁定內容與表格標簽的關系,如單選框的時候可以鼠標點擊文字(內容)來選定選項。
使用方法1:label標簽把內容包裹起來,在表格標簽中添加id屬性,在label標簽for屬性中設置對應的id屬性值
使用方法2:label標簽直接把內容包裹起來,刪去for屬性。
案例演示:
Document