千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻

HTML筆記
1.!+Enter;快速新建
2.注釋: ctrl+/;再按 次取消;<!-- -->
3.結(jié)構(gòu)
<html>
<head><title>標(biāo)題</title>
</head>
<body></body>
</html>
4.標(biāo)題標(biāo)簽: <h1>一級標(biāo)題</h1>.
1-6級標(biāo)題,重要程度依次遞減,寫在<body>里
文字加粗,變大
5.按住alt+標(biāo)簽里的字: 整體刪改標(biāo)簽
6.段落標(biāo)簽: <p>文字</p>
段落之間存在空隙,空隙之間的大小用CSS改變
獨(dú)占一行
7.vscode -> 查看 -> 自動換行: 實(shí)現(xiàn)代碼的長段字符自動換行
8.<br>讓文字強(qiáng)制換行顯示,單標(biāo)簽
9.水平線: <hr>
10.文本格式化標(biāo)簽: 用右邊的突出重要性的強(qiáng)調(diào)語境 (語義化)
b:加粗strong: 加粗
u:下劃線ins: 下劃線
i: 傾斜em: 傾斜
s: 刪除線del: 刪除線
11.圖片標(biāo)簽: <img src=" alt=" title="">,單標(biāo)簽
對標(biāo)簽的屬性進(jìn)行設(shè)置: src和alt就是屬性
src是屬性名,引號是屬性值./是當(dāng)前,./img.jpg
個(gè)標(biāo)簽可以存在多個(gè)屬性,屬性之間以空格隔開
屬性有默認(rèn)值
alt: 替換文本,當(dāng)圖片加載失敗,顯示alt的文
title:當(dāng)鼠標(biāo)懸停時(shí)顯示的文本
width和height: 只需要設(shè)置一個(gè),另一個(gè)自動等比例縮放