# HTML實用合集1 ## 1.框架 使用英文！，按tab鍵出現框架。  ...
HTML實用合集1
1.框架
使用英文！，按tab鍵出現框架。
2.改標題
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>//此處改標題
</head>
<body>
</body>
</html>
Document可以換成任意自己想要的命名。
3.標簽
作用：使頁面結構更加清晰。
1.標題標簽
<h1>123</h1>//加粗放大效果最好，往下依次遞減
<h1>123</h1>
<h2>123</h2>
<h3>123</h3>
<h4>123</h4>
<h5>123</h5>
<h6>123</h6>
2.段落標簽
<p>這裡面放文本</p>
3.換行標簽
<p>這裡面<br/>放文本</p>
<br/>是單標簽
4.文本格式標簽
| 語義 | 標簽 | 說明 |
|---|---|---|
| 加粗 | <strong></strong>或<b></b> |
推薦<strong>，語義更強烈 |
| 斜體 | <em></em>或<i></i> |
推薦使用<em>，語義更強烈 |
| 刪除線 | <del></del>或<s><s/> |
推薦使用<del>，語義更強烈 |
| 下劃線 | <ins></ins>或<u></u> |
推薦使用<ins>，語義更強烈 |
5.圖像，音頻，視頻標簽
/*<img src="https://img2023.cnblogs.com/blog/3178390/202305/3178390-20230528120409790-987587085.jpg" width="100" alt="對不起，你需要查看的圖片不見了" title="這是天空" />//圖片*/
<audio src="someaudio.wav">//音頻
<video src="movie.ogg" controls="controls">//視頻
音頻：
| 值 | 描述 |
|---|---|
| autoplay | 就緒後馬上播放 |
| controls | 向用戶顯示控制項，例如按鈕 |
| loop | 迴圈播放 |
| muted | 音頻輸出時靜音 |
| preload | 如果出現該屬性，則音頻在頁面載入時進行載入，並預備播放。 如果使用"autoplay",則忽略該屬性。 |
| src | 路徑url |
視頻：
| 值 | 描述 |
|---|---|
| autoplay | 就緒後馬上播放 |
| controls | 向用戶顯示控制項，例如按鈕 |
| height | 高度 |
| loop | 迴圈播放 |
| muted | 音頻輸出時靜音 |
| poster | 如果出現該屬性，則視頻在頁面載入時進行載入，並預備播放。 如果使用"autoplay",則忽略該屬性。 |
| width | 寬度 |
| src | 路徑url |
6.路徑
1.相對路徑
| 分類 | 符號 | 說明 |
|---|---|---|
| 同級路徑 | 同一級 | |
| 下一級路徑 | / |
位於 HTML 文件上一級 |
| 上一級路徑 | ../ |
位於 HTML 文件下一級 |
2.絕對路徑
通常是從盤符開始的路徑或者完整的網路地址。
7.超鏈接標簽
<a href="跳轉目標，鏈接" target="目標視窗的彈出方式">文本或圖像</a>
錨點鏈接：
點擊鏈接，可以快速定位到頁面中的某個位置。
- 在鏈接文本的
href屬性中，設置屬性為 #名字的形式 - 找到目標位置標簽，裡面添加一個 id 屬性 = 名字
