Blogger Information
Blog 29
fans 0
comment 0
visits 19471
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Markdown语法小结及HTML标签学习小结
千里马遇伯乐
Original
561 people have browsed it

Markdown语法

标题

写法
1.#一级标题。
2.##二级标题。|
3.###三级标题。
4.####四级标题。
5.#####五级标题。
6.######六级标题.

实例演示

一级标题

二级标题

三级标题

四级标题

五级标题

2.字体

1 加粗
要加粗的文字左右分别用两个号包起来
2 斜体
要倾斜的文字左右分别用一个
号包起来
3 斜体加粗
要倾斜和加粗的文字左右分别用三个*号包起来
4 删除线
要加删除线的文字左右分别用两个~~号包起来

语法

*加粗*
**倾斜**
***倾斜加粗***

实例

加粗
倾斜
倾斜加粗
删除线

3 列表

3.1无序列表

语法
– item1
– item2
– item3
– subitem3-1
– subitem3-2
– subitem3-3

实例

  • item1
  • item2
  • item3
    • subitem3-1
    • subitem3-2
    • subitem3-3

3.2有序列表

  1. 列表内容
  2. 列表内容
  3. 列表内容
    注意:序号跟内容之间要有空格

实例演示

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

上一级和下一级之间敲三个空格即可

4. 分割线

  1. – – –
  2. ***
  3. ****
  4. 以上几种都可以

实例演示


5. 代码

语法

单行代码

’代码内容;’

多行代码

(’’’) 代码类型
代码块(用’’’包括起来’’’)
(```)

实例演示

单行代码

echo hello

多行代码:

print("hello world")

表格

| 表头 | 表头 | 表头 | 表头 |
| – – – – |– – – – |– – – – |
| 内容 | 内容 | 内容 | 内容
| 内容 | 内容 | 内容 | 内容
| 内容 | 内容 | 内容 | 内容

实例演示

姓名 性别 年龄
内容 内容 内容
内容 内容 内容

6 图片和链接

  1. ![图片说明] (图片url)
    演示
    php中文网第十九期
    插入链接语法
    <链接>
    网页url用<>框起来
    演示
    第十九期演示https://www.php.cn/blog/qianlima.html

HTML标签学习小结:

  1. <!-- 文档类型 -->
  2. <!DOCTYPE html>
  3. <!-- ?根元素: lang 页面语言 -->
  4. <html lang="zh-CN">
  5. <!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
  6. <head>
  7. <!-- 元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
  8. <meta charset="UTF-8" />
  9. <!-- 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核-->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11. <!-- 视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13. <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
  14. <title>Document</title>
  15. <!-- 引入外部样式表 -->
  16. <link rel="stylesheet" href="style.css" />
  17. <!-- 引入外部脚本 -->
  18. <script src="outer.js"></script>
  19. </head>
  20. <!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
  21. <body>
  22. <h1 style="color: red">hello world</h1>
  23. <h1>今晚大家很认真</h1>
  24. <img src="xxx.jpg" alt="" />
  25. <!-- 单标签: 通常用于引用外部资源
  26. 双标签: 内容来自开发者提供 -->
  27. </body>
  28. </html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post