博客列表 >Markdown语法小结及html5语法小结

Markdown语法小结及html5语法小结

Breeze blue sea
Breeze blue sea原创
2022年03月17日 19:14:55568浏览

Markdown 语法小结

1. 标题

语法:

  1. # 标题1
  2. ## 标题2
  3. ### 标题3
  4. #### 标题4
  5. ##### 标题5
  6. ###### 标题6

实例:

标题1

标题2

标题3

标题4

标题5
标题6

2. 列表

2.1 无序列表

语法:

  1. - item1
  2. - item2
  3. - item3
  4. - subitem3-1
  5. - subitem3-2
  6. - subitem3-3

实例:

  • 苹果
  • 橘子
  • 樱桃
    • 黑樱桃
    • 红樱桃
    • 粉樱桃

      2.2 有序列表

语法

  1. 1. item1
  2. 2. item2
  3. 3. item3
  4. 1. item3-1
  5. 2. item3-2
  6. 3. item3-3

实例:

  1. 福建
  2. 浙江
  3. 广东
    1. 潮州
    2. 深圳
    3. 广州

3. 代码

语法:

  1. 单行用`内容`
  2. 多行用```内容 ```

实例1. 单行:const box = document.querySelector('#box")
实例2. 多行:

  1. namespace core;
  2. class Demo
  3. {
  4. ...//...
  5. }

4. 表格

语法:

  1. | 序号 | 姓名 | 职业 | 电话 |
  2. | --- | --- | --- | --- |
  3. | 1 | 李二 | 老师 | 123 |
  4. | 2 | 王五 | 电工 | 234 |
  5. | 3 | 张三 | 木工 | 456 |

实例:

序号 姓名 职业 电话
1 李二 老师 123
2 王五 电工 234
3 张三 木工 456

5. 图片

语法:![图片说明](图片url)

实列:
php

HTML 5 语法小结

  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> 标题属性 -->
  23. <h1 style="color: red">hello world</h1>
  24. <h1>今晚大家很认真</h1>
  25. <!-- <img> 标签定义图像 -->
  26. <img src="xxx.jpg" alt="" />
  27. <!-- 单标签: 通常用于引用外部资源
  28. 双标签: 内容来自开发者提供 -->
  29. </body>
  30. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议