【01】HTML語法規範及基本標籤
阿新 • • 發佈：2021-07-13
目標：PC端網站佈局
【02】HTML筆記：
參考：https://mp.weixin.qq.com/s/lNkLbVL8qWsay8c3krVL8A
【03】網站、（網頁）、html、web標準
【04】HTML語言規範：
<html>
<head>
<title>Document</title>
</head>
<body>
Hello,Word! 2333
</body>
</html>
HTML骨架標籤：
<!DOCTYE>標籤
文件型別申明標籤【非HTML標籤】（使用哪種HTML版本顯示網頁
lang語言
定義文件顯示語言（en/zh-CN/fr)
charset字符集【必寫】
【無定義會亂碼】
方便計算機識別、儲存文字
<meta>標籤的<charset>屬性可以規定文件使用編碼型別
常見:UTF-8、GBK、BIG5、GB2312
【05】HTML常用標籤
理解標籤語義（即作用）
【01】標題標籤:<h1> - <h6>
1-6:從大到小
<h1>標題一共六級選,</h1>
<h2>文字加粗一行顯。</h2>
<h3>由大到小依次減，</h3>
<h4>從重到輕隨之變。</h4>
<h5>語法規範書寫後，</h5>
<h6>具體效果重新整理見。</h6>
【02】段落和換行標籤：<p>、<br/>
<br/>：break打斷、換行【強制換行】
【03】文字格式化標籤：<strong><b>加粗、<em><i>傾斜、<del><s>刪除線、<ins><u>下劃線
突出重要性【sedi】
【04】盒子標籤:<div><span>
1、div:division分割、分割槽
大盒子佈局，一行一個獨佔。
2、span:跨度、跨距
小盒子佈局，一行多個存在。
<div>我是一個div標籤我一個人單獨佔一行</div>
<div>我是一個div標籤我一個人單獨佔一行</div>
<span>百度</span>
<span>新浪</span>
<span>搜狐</span>
【05】影象標籤：<img src="影象URL">【單標籤】
基本屬性：
1、src：指定影象的路徑和檔名
2、alt：替換文字，影象顯示不出時用文字替換
3、title：提示文字，滑鼠放影象上，顯示文字
其他屬性：【單位：畫素(ps)】
1、width：影象寬度
2、hight：影象高度
3、border：影象邊框粗細
<h4> 影象標籤的使用:</h4>
<img src="img.jpg"/>
<h4> alt 替換文字 影象顯示不出來的時候用文字替換:</h4>
<img src="img1.jpg" alt="我是pink老師"/>
<h4> title 提示文字 滑鼠放到影象上,提示的文字:</h4>
<img src="img.jpg" title="我是pink老師思密達" alt="我是pink老師"/>
<h4> width 給影象設定寬度:</h4>
<img src="img.jpg" alt="我是pink老師" title="我是pink老師思密達" width="500"/>
<h4> height 給影象設定高度:</h4>
<img src="img.jpg" alt="我是pink老師" title="我是pink老師思密達" height="100"/>
<h4> border 給影象設定邊框:</h4>
<img src="img.jpg" alt="我是pink老師" title="我是pink老師思密達" width="500" border="15"/>