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://img.uj5u.com/2023/05/29/352535290824413.jpg" alt="對不起，你需要查看的圖片不見了" title="這是天空" />//圖片*/
<audio src="https://www.cnblogs.com/ZWeva/p/someaudio.wav">//音頻
<video src="https://www.cnblogs.com/ZWeva/p/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="https://www.cnblogs.com/ZWeva/p/跳轉目標，鏈接" target="目標視窗的彈出方式">文本或影像</a>
錨點鏈接：
點擊鏈接，可以快速定位到頁面中的某個位置，
- 在鏈接文本的
href屬性中，設定屬性為 #名字的形式 - 找到目標位置標簽，里面添加一個 id 屬性 = 名字
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/553667.html
標籤：Html/Css
上一篇：記錄在【Windows】下安裝【node-canvas】遇到的各種問題（無法安裝canvas，安裝canvas包報錯error...）
下一篇：返回列表