前端開發(fā)入門教程,web前端零基礎(chǔ)html5 +css3+前端項目視頻教程

一、HTML認(rèn)知
1.把后綴改成“.html”可以把打開頁面變成網(wǎng)頁
2.<strong>想要加粗的文字</strong>
3.HTML頁面固定結(jié)構(gòu)

4.英文狀態(tài)下的!+enter可以把骨架搞出來
5.注釋的快捷鍵:ctrl+/
6.標(biāo)簽有父子(嵌套)關(guān)系和兄弟(并列)關(guān)系
標(biāo)簽語義化:

7.【排版標(biāo)簽】
【標(biāo)題標(biāo)簽】<h1> </h1>
總共只有6級標(biāo)題 打出h1直接enter即可
ctrl+D可以同時選中下一個相同的數(shù)字
【段落標(biāo)簽】<p> </p>
打出p直接enter即可
【換行標(biāo)簽】<br>
打出br直接enter即可
【水平線標(biāo)簽】<hr>
打出hr直接enter即可
8.【文本格式化標(biāo)簽】

9.【媒體標(biāo)簽】
【圖片標(biāo)簽】<img src=" " alt=" ">

scr:

alt:

title:

width和height:

只給出一個值比較方便,圖片不會變形
【路徑】分為絕對路徑(了解)和相對路徑(常用)


同級:當(dāng)前文件和目標(biāo)文件在同一目錄中,故

下級:目標(biāo)文件在下級目錄中,故

上級:目標(biāo)文件在上級目錄中,故

返回一級../ 返回兩級.../ 之后類推
【音頻標(biāo)簽】<audio src=" "></audio>
谷歌不可以讓音頻自動播放

【視頻標(biāo)簽】<video src=""></video>
谷歌可以讓視頻自動播放,但是靜音狀態(tài)muted

10.【鏈接標(biāo)簽】<a href=" ">超鏈接名</a>
當(dāng)我們還不知道跳轉(zhuǎn)地址的時候,href的值書寫#(空鏈接)

11.【綜合案例】
index.html——>首頁面
二、HTML基礎(chǔ)
1.