寒假學習HTML記錄3
阿新 • • 發佈：2021-02-04
寒假學習HTML記錄3
標題標籤 <h></h>
<body>
<h1>標題一共有六個等級</h1>
<h2>文字加粗一行顯</h2>
<h3>由大到小依次減</h3>
<h4>從重到輕隨之變</h4>
<h5>語法規範書寫後</h5>
<h6>具體效果執行見</h6>
</body>
執行結果：
標題一共有六個等級
文字加粗一行顯
由大到小依次減
從重到輕隨之變
語法規範書寫後
具體效果執行見
段落標籤<p></p>
單詞paragaph【段落】的縮寫
特點：
- 文字在一個段落中會根據瀏覽器視窗的大小自動換行。
- 段落和段落之間有空隙。
換行標籤<br/>
單詞break【換行,打斷】的縮寫
特點：
3. <br/>是單表籤
4. <br/>標籤只是簡單地開始新的一行，跟段落不一樣，段落之間會插入一些垂直地段落間距。
文字格式化標籤
<strong>加粗</strong>或<b>加粗</b>
<em>斜線</em>或<i>斜線</ 執行結果：
加粗 或 加粗
斜線 或 斜線
刪除線 或 刪除線
盒子標籤<div>和<span>
<div>標籤用來佈局，但是一行只能放一個<div>既“小盒子”
<span>標籤用來佈局，一行可以用多個<span>既“大盒子”
div是division【分割，分割槽】的縮寫
span【跨度，跨距】
影象標籤的使用
< 執行結果：
影象標籤的使用
alt替換文字影象顯示不出來的時候用文字替換:
title提示文字滑鼠放到影象上，提示的文字：
width給影象設點寬度:
height給影象設點高度:
width和height同時設定的時候，寬和高不會按照預設比例縮放，而是按照書寫畫素值:
border給影象設定邊框:
/*預設單位邊框為畫素xp*/
圖象標籤屬性注意點：
- 影象標籤可以擁有多個屬性，必須解除安裝標籤名的後面。
- 屬性之間不分先後順序，標籤名與屬性，屬性與屬性之間均以空格分開。
- 屬性採取鍵值對的格式，即key="value"的格式，屬性=“屬性值”。