HTML基礎(chǔ)
1扎谎,前端三大塊:HTML(結(jié)構(gòu)),CSS(表現(xiàn)),JS(行為)劳殖。
2,HTML語言的特征
? ? ? ? ? ? ? ? ? ? ? HTML代碼是由頭和體組成分別是:<herd>(里面放的都是說名性內(nèi)容)?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <body>(里面是你要寫的內(nèi)容)
? ? ? ? ? ? ? ? ? ? ? <html>是跟標(biāo)簽
? ? HEML標(biāo)簽不區(qū)分大小寫但是建議小寫
? ? HTML標(biāo)簽建議包裹嵌套拨脉,不建議交叉嵌套
3哆姻,
? ? 字體標(biāo)簽
? ? ? ? ? ? ? ? ? ? ? <font>字體標(biāo)簽,修飾文字樣式
? ? ? ? ? ? ? ? ? ? ? <font 屬性名=”屬性值”>文字</font>
? ? ? ? ? ? ? ? ? ? ? size:大小玫膀,最小1矛缨,最大7
? ? ? ? ? ? ? ? ? ? ? color:字體顏色,使用英文red匆骗,使用#ff00ab
? ? ? ? ? ? ? ? ? ? ? face:字體
? ? ? ? ? ? ? ? H5文檔聲明
? ? ? ? ? ? ? ? ? ? ? ? ? ? <!DOCTYPE html>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 為了避免進入怪異模式劳景,一定要寫文檔聲明,放在最上
? ? 格式化標(biāo)簽
? ? ? ? ? ? ? ? ? ? ? <br/>換行標(biāo)簽
? ? ? ? ? ? ? ? ? ? ? <hr/>水平線
? ? ? ? ? ? ? ? ? <p></p>段落標(biāo)簽碉就,劃分段落盟广,自動段前和段后有空行
? ? ? ? ? ? ? ? ? align:段落內(nèi)容的對齊方式
? ? ? ? ? ? ? ? ? 默認是left左對齊
? ? ? ? ? ? ? ? ? right右
? ? ? ? ? ? ? ? ? center居中
? ? ? ? ? ? ? ? ? <h1></h1>標(biāo)題標(biāo)簽
? ? ? ? ? ? ? ? ? 其中<h1>最大,<h6>最小
4瓮钥,HTML注釋
? ? ? ? ? ? ? ? ? ? <!-- HTML注釋內(nèi)容-->
5筋量,<img/>圖片標(biāo)簽
? ? src:路徑
? ? width:圖片寬度
? ? height:圖片高度
? ? width:“200px”(像素)px是單位
6 ,路徑
? ? ? 絕對路徑(帶盤符)
? ? ? 相對路徑
? ? ? 互聯(lián)網(wǎng)路徑?
7碉熄,<a></a>超鏈接標(biāo)簽
? ? ? (1)桨武,href:超鏈接跳轉(zhuǎn)的路徑(必有屬性)
? ? ? ? ? ? ? ? ? ? ? 內(nèi)網(wǎng)本機路徑:相對路徑和絕對路徑
? ? ? ? ? ? ? ? ? ? ? 互聯(lián)網(wǎng)路徑:帶http://……的地址
? ? ? ? ? ? ? ? ? ? ? 本頁:不寫默認跳轉(zhuǎn)到本頁,相當(dāng)于#
? ? ? ? 超鏈接要想正常工作
? ? ? ? ? ? ? ? a標(biāo)簽中必須要有內(nèi)容
? ? ? ? ? ? ? ? a標(biāo)簽必須有href屬性? ? ?