html基礎(chǔ)
塊級(jí)元素
一行只能有一個(gè),可以設(shè)置寬高
h1-h6標(biāo)簽
- H1標(biāo)題標(biāo)簽是 標(biāo)注當(dāng)前頁面中的文檔最重要的核心主題的文本。
- 注意h1標(biāo)簽在整個(gè)頁面中最多一次(當(dāng)然可以超過,但是不利于搜索SEO)。
- 一般用h1,h2,h3就夠了
p標(biāo)簽
段落
<hr />標(biāo)簽
水平線
div標(biāo)簽
頁面的分層
table標(biāo)簽
thead標(biāo)簽(表格標(biāo)題部分)
- tr標(biāo)簽,表示一行
- th標(biāo)簽,標(biāo)題單元格,默認(rèn)居中加粗
tbody標(biāo)簽(表格內(nèi)容部分)
- 不寫也會(huì)默認(rèn)會(huì)加上
- tr標(biāo)簽,表示一行
- td標(biāo)簽,單元格,rowspan屬性,行合并單元格,colspan屬性,列合并單元格
tfoot標(biāo)簽(表格底部部分)
- caption標(biāo)簽(整個(gè)表格的標(biāo)題)
cellpadding(單元格的內(nèi)邊距)
cellspacing(單元格之間的空白)
form標(biāo)簽
- action屬性(url地址)
- method屬性(提交方式),如get,post等
- name屬性(表單名稱,區(qū)分同一個(gè)頁面中的多個(gè)表單。)
ul標(biāo)簽,無序列表
- li標(biāo)簽,列表項(xiàng),li的內(nèi)容只包括文字,不包括前面的點(diǎn)
ol標(biāo)簽,有序列表
- li標(biāo)簽,列表項(xiàng),默認(rèn)前面帶數(shù)字
dl標(biāo)簽,自定義列表
- dt標(biāo)簽,標(biāo)題
- dd標(biāo)簽,列表項(xiàng)
- 圖文并排,dt里面是圖片,dd里面是文字
fieldset標(biāo)簽
將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。
legend標(biāo)簽
標(biāo)簽為 fieldset 元素定義標(biāo)題。
iframe標(biāo)簽
- src屬性
- width屬性
- height屬性
marquee(文字會(huì)動(dòng)的標(biāo)簽)
- direction(滾動(dòng)方向),lef或right
- behavior(動(dòng)畫方式)
行內(nèi)元素
一行可以有多個(gè),不可以設(shè)置寬高
b標(biāo)簽,strong標(biāo)簽
字加粗
u標(biāo)簽,ins標(biāo)簽
下劃線
s標(biāo)簽,del標(biāo)簽
刪除線
i標(biāo)簽,em標(biāo)簽
字傾斜
sub標(biāo)簽
定義下標(biāo)字
sup標(biāo)簽
定義上標(biāo)字
<br />
換行
a標(biāo)簽
- href,指向跳轉(zhuǎn)的地址
-
+id,頁面的定位
-
+id,頁面的定位
- 地址+#+id,跳轉(zhuǎn)后的頁面進(jìn)行定位
-
- target,跳轉(zhuǎn)方式
- _blank ,新窗口跳轉(zhuǎn)
- _self ,本窗口跳轉(zhuǎn)
span標(biāo)簽
定義文檔中的一小節(jié)文本,語義不強(qiáng)。
label標(biāo)簽
可以讓標(biāo)簽文本點(diǎn)擊的時(shí)候讓label指向的標(biāo)簽表單標(biāo)簽獲得焦點(diǎn)。
- for屬性指向表單標(biāo)簽
- 用lable標(biāo)簽包裹表單標(biāo)簽。
行內(nèi)塊元素
一行可以有多個(gè),可以設(shè)置寬高
img標(biāo)簽
- src,圖片的來源,使用相對(duì)路徑
- alt,圖片不顯示的時(shí)候,會(huì)顯示alt屬性的文本
- title,對(duì)網(wǎng)站的seo有很大的影響。當(dāng)鼠標(biāo)移上去的時(shí)候,圖片顯示的提示文本內(nèi)容。
- 可以通過設(shè)置width和height改變圖片的大小,只設(shè)置width或height,圖片會(huì)按比例縮放
- 解決與盒子底部的縫隙,vertical-align:middle,display:block;
select標(biāo)簽
- option標(biāo)簽,selected屬性表示被選中
- size屬性,指定下拉菜單的可見選項(xiàng)數(shù)(取值為正整數(shù))。
- multiple屬性,定義multiple="multiple"時(shí),下拉菜單將具有多項(xiàng)選擇的功能,方法為按住Ctrl鍵的同時(shí)選擇多項(xiàng)。
textarea標(biāo)簽
- cols屬性,每行中的字符數(shù)
- rows屬性,顯示的行數(shù)
input標(biāo)簽
- type屬性(指定不同的控件類型)
- text,普通的文本框
- password,密碼框
- radio,單選按鈕
- checkbox,多選按鈕
- button,普通按鈕
- submit,提交按鈕
- reset,重置按鈕
- image,圖片按鈕,可以提交
- hidden,隱藏的文本框
- file,文件上傳
- name屬性,控件的名稱
- value屬性,input控件中的默認(rèn)文本值
- readonly屬性,該控件內(nèi)容為只讀(不能編輯修改)
- disabled屬性,第一次加載頁面時(shí)禁用該控件(顯示為灰色)
- checked屬性,定義選擇控件默認(rèn)被選中的項(xiàng)
- maxlength屬性,控件允許輸入的最多字符數(shù)
- size屬性,input控件在頁面中的顯示寬度
- placeholder="提示性文字"