博客列表 >markdown简单语法与html标签简介

markdown简单语法与html标签简介

天宁
天宁原创
2022年03月17日 17:07:40544浏览

markdown 语法

1.标题

  1. # level 1 headline
  2. ## level 2 headline
  3. ### level 3 headline
  4. #### level 4 headline
  5. ##### level 5 headline
  6. ###### level 6 headline

2.列表

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

2.2 有序列表

  1. item1
  2. item2
  3. item3
    1. subItem3-1
    2. subItem3-2
    3. subItem3-3

3.代码

1.单行:const box = document.queryselector("#box")

2.多行

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

4.表格

id name email salary
1 朱老师 zhu@qq.com 123456
2 王老师 wang@qq.com 345687
3 李老师 li@qq.com 554211

5.图片

  1. 语法: ![图片说明](图片链接)

PHP编程就业班

6.链接

  1. 语法:<链接地址>

第19期地址:https://www.php.cn/course/1382.html

HTML标签介绍

  1. <!-- 文档类型 -->
  2. <!DOCTYPE html>
  3. <!-- 根元素:lang 页面语言 -->
  4. <html lang="en">
  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. <!-- 单标签:通常用于引用外部资源
  25. 双标签:内容来自开发者提供 -->
  26. </body>
  27. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议