导航

(一).markdown语法与html标签总结

Posted on 2022-03-11 20:18  云语不知  阅读(335)  评论(0)    收藏  举报

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 没有语义 双标签