列表標簽:
無序列表
ul 代表整個無序列表
li 代表列表中的每一個列表項
有序列表
ol 代表的就是有序列表
li 代表列表中的每一個列表項
定義列表(名詞解釋列表)
dl 代表定義列表
dt 代表的是要定義的名字或者是要解釋的名詞
dd 代表該名字下的每一條內容,或者名詞的每一條解釋
表單標簽:
form 表單 action屬性代表提交到的地址
input 表示一個輸入框標簽
type屬性 代表可輸入內容的類型
type屬性值:
text 代表單行文本
password 代表密碼框
email 代表郵箱輸入框
radio 代表的就是單選框 如果想要實現單選功能,name一組單選框必須給以相同的name屬性名字
在單選中如果想要某個單選框是默認被選中狀態,則需要給對應input標簽加一個checked屬性
checkbox 代表多選框 也叫復選框 如果想要添加默認選中項,同樣是checked屬性添加
reset 表示重置按鈕 代表將所有在form表單中的內容重置成默認狀態
submit 表示提交按鈕 點擊后會將數據提交到對應位置,同時頁面也會進行刷新
value屬性 表示設置輸入框的內容
label 每一個label標簽都需要和一個input標簽配合使用,表示和對應input標簽進行關聯
for屬性 里面的內容需要寫一個對應的ID名字,指向input的id屬性值
表單內容:
form 表單
input 輸入框
name屬性:標簽的名字
value屬性:設置輸入框的默認內容
checked屬性:設置單選或多選的默認項
type屬性:用於確定輸入框的類型
type屬性的屬性值:
text:單行文本
password:密碼
email:郵箱
radio:單選
checkbox:多選
reset:重置
submit:提交
file:文件上傳
image:以圖片作為提交按鈕 同時需要設置 src屬性 用於獲取圖片的路徑
button:普通按鈕 需要使用value屬性添加按鈕上的默認文字
placeholder屬性:用戶輸入框的默認提示信息
button標簽 表示按鈕 在form表單中相當於一個提交按鈕
下拉菜單:
select 代表整個下拉菜單
option 表示每一個下拉選項
selected屬性 表示設置默認顯示的下拉選項
文本域:
textarea 代表一個文本域
cols屬性 代表一行最多可以設置多少個字符
rows屬性 代表一共可以顯示多少行
disabled屬性 代表禁用文本域
表格: 必須是工整的,就是一個完整的表格必須是一個規整的矩形
table標簽 表示一個表格
border屬性 表示設置單元格的邊框
cellpadding屬性 表示單元格內容與邊框之間的距離
cellspacing屬性 表示單元格與單元格之間的距離
表格:
table標簽
屬性:
border 設置邊框
width 設置整個表格的寬度
style="border-col0lapse: collapse" 設置合並邊框線
height 設置高度
tr標簽 表格的行
td標簽 表格的單元格
屬性 colspan 代表跨列 如果設置跨列,那么不管是跨幾列,對應的當前行都要相應的減少對應的列數
rowspan 代表跨行 如果設置跨行,那么跨幾行,對應的后面的行就要相應減少一個單元格
例如 rowspan="3" 那么后兩行就要依次減少一個單元格
thead標簽 表格的表頭 tr表示行 th表示表頭的單元格
tbody標簽 表格的主體 tr表示行 td表示主體的單元格
屬性:
align 表示單元內的文字水平對齊方式 left 左對齊 center 居中 right 右對齊
caption標簽 表格的標題