尚硅谷前端html+css零基礎(chǔ)教程,2023最新前端開發(fā)html5+cs...

HTML4相關(guān):
1.標(biāo)簽效果不重要,重要的是語(yǔ)義
strong 標(biāo)簽比em標(biāo)簽語(yǔ)氣強(qiáng),語(yǔ)義化是“要著重閱讀的內(nèi)容”
span沒有語(yǔ)義,用于包裹短語(yǔ)的通用容器。
生活化的例子,div是大包裝袋,span是小包裝袋
2.img標(biāo)簽

3.相對(duì)路徑:
相對(duì)于當(dāng)前位置,一旦文件位置改變,圖片路徑也要更改
./表示同級(jí)當(dāng)前位置,../表示上一級(jí)
4.絕對(duì)路徑:
分為本地絕對(duì)路徑和網(wǎng)絡(luò)絕對(duì)路徑

相對(duì)路徑和網(wǎng)絡(luò)路徑用的比較多

5.圖片格式

汽車售賣網(wǎng)站用png是因?yàn)閳D片相對(duì)比較少,而電商網(wǎng)站多用jpg則是因?yàn)閳D片超級(jí)多


6.超鏈接
href 寫鏈接地址
target 寫查看鏈接方式,_self當(dāng)前頁(yè)簽打開(默認(rèn)值,可以不寫),_blank新頁(yè)簽中打開
注:ctrl+shift+delete清除瀏覽數(shù)據(jù)
download屬性,可在用戶點(diǎn)擊后觸發(fā)下載。屬性值為下載的文件名。如:download="文件名"
錨點(diǎn):
a標(biāo)簽配合name屬性,其他標(biāo)簽配合id屬性
注:具有href 屬性的a標(biāo)簽是超鏈接,具有name屬性的a標(biāo)簽是錨點(diǎn)。
name和id都是區(qū)分大小寫的,且id最好別數(shù)字開頭。
通過a標(biāo)簽可以喚起設(shè)備應(yīng)用程序,
href="tel:123"喚起設(shè)備撥號(hào)
href="mailto:123@qq.com"喚起設(shè)備發(fā)送郵件
href="sms:10086"喚起設(shè)備發(fā)送短信
7.table
table標(biāo)簽里的height是最低高度,如果table里面的標(biāo)簽又單獨(dú)設(shè)置高度,會(huì)自動(dòng)調(diào)整tbody里的高度來適應(yīng)table設(shè)置的高度
table標(biāo)簽有border width height(最少高度) align cellspacing cellpadding屬性
table里面的thead tbody tfoot tr都有height align(left center right) valign(top middle bottom)屬性
表頭單元格th 有width height屬性,但要注意為了表格統(tǒng)一性,調(diào)整一個(gè)th的寬高,與之對(duì)應(yīng)的一列或一行也會(huì)對(duì)應(yīng)調(diào)整。align和valign對(duì)齊方式則只有當(dāng)前單元格會(huì)變動(dòng)
表格主體單元格td

跨行(rowspan)與跨列(colspan)
多光標(biāo)快捷鍵:光標(biāo)停在要多選的元素后面,長(zhǎng)按alt鍵,鼠標(biāo)往下點(diǎn),可以統(tǒng)一修改值
8.常用標(biāo)簽
換行標(biāo)簽br,語(yǔ)義是換行
分割線hr,語(yǔ)義是分割
按原文顯示pre,在其他標(biāo)簽里無論打多少換行和空格都只會(huì)空一格,pre可以將所有空格和換行都顯示
9.input
隱藏域hidden:用戶不可見的一個(gè)輸入?yún)^(qū)域,作用是提交表單時(shí)攜帶一些固定的數(shù)據(jù)。
10.表單form
表單里要提交的值需要加name屬性
表單里面的button標(biāo)簽?zāi)J(rèn)是submit,所以如果只是想放一個(gè)單純的按鈕,需要定義類型type為button。普通按鈕另一種方式是input type button
textarea標(biāo)簽沒有type屬性,能換行
下拉框select option 默認(rèn)選中屬性為selected
disabled禁用表單控件
label標(biāo)簽(實(shí)現(xiàn)提示文字和表單控件的關(guān)聯(lián)),用for和id同值表示對(duì)應(yīng)關(guān)系,或者直接用label標(biāo)簽包裹需要關(guān)聯(lián)的元素
fieldset與legend的使用(了解)
fieldset可以為表單控件分組,legend標(biāo)簽是分組的標(biāo)題
11.框架標(biāo)簽iframe

12.字符實(shí)體(更多 去MDN搜索“術(shù)語(yǔ)表”)
空格 或 
< <
> >
& &
¥ ¥
? ©
x ×
/ ÷
13.HTML全局屬性

id值不能重復(fù)僅限同一個(gè)html文件
14.meta元信息

針對(duì)搜索引擎爬蟲配置:

其他配置信息:
