(一).markdown語法與html標籤總結
阿新 • • 發佈：2022-03-11
1.markdown 格式
# 標題1
## 標題2
### 標題3
#### 標題4
##### 標題5
###### 標題6
* 無序列表
* 無序列表
* 無序列表
**強調**
分隔符
***
1. 有序列表
2. 有序列表
3. 有序列表
```html
程式碼塊
<html></html>
```
這是`行內程式碼`
2.如何掌握一個 HTML 標籤
1.瞭解該標籤的語義以及功能
2.瞭解該標籤的屬性以及屬性值
3.瞭解該標籤屬於單標籤還是雙標籤
3.基本頁面模板
<!-- 文件宣告，告知瀏覽器按照標準模式渲染網頁 --> <!doctype html> <html> <head> <meta charset="utf-8"> <title>年輕人的第一個網頁</title> </head> <body> <h1>年輕人的第一個網頁</h1> <hr> </body> </html>
4 HTML 標籤總結
4.1 主體結構標籤
| 標籤名 | 語義和功能 | 屬性 | 單標籤還是雙標籤 |
|---|---|---|---|
| html | 根標籤 | 雙標籤 | |
| head | 頁面頭部 | 雙標籤 | |
| body | 頁面主體 | 雙標籤 |
4.2 HEAD 中的標籤
| 標籤名 | 語義和功能 | 屬性 | 單標籤還是雙標籤 |
|---|---|---|---|
| meta | 設定網頁的元資訊 | charset：設定字符集編碼（utf-8） | 單標籤 |
| title | 標題欄標題 | 雙標籤 |
4.3 格式排版標籤
| 標籤名 | 語義和功能 | 屬性 | 單標籤還是雙標籤 |
|---|---|---|---|
| h1~h6 | 一級標題～六級標題 | 雙標籤 | |
| p | 段落 | 雙標籤 | |
| hr | 分隔線 | 單標籤 | |
| br | 換行 | 單標籤 | |
| pre | 內容原格式顯示 | 雙標籤 | |
| div | 沒有語義 | 雙標籤 |