Blogger Information
Blog 47
fans 1
comment 0
visits 40586
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
vscode的安装与插件安装,md演示与H5标签功能
新手1314
Original
1186 people have browsed it

1.vscide安装插件及功能

安装vscode:进入官网,安装自身计算机对应配置的VSCODE

vscode插件安装与功能:

1.Better Comment:代码注释高亮

2.Chinese:将vscode翻译为中文

3.Live Server:预览HTML文件

4.Markdown Preview Enhanced:Markdown插件

5.Prettier - Code formatter:代码格式化插件(PS:需要在设置里的Default Formatter里设置)

安装列表

2.实例演示markdown

1.标题

  1. # 一级标题
  2. ## 二级标题 ----以此类推

2.列表

  • 无序列表
    • 无序列表的子列表
  1. 有序列表
    1.有序列表的子列表

3.代码

单行代码:<h2>Hello World</h2>
多行代码:

  1. <h1>Hello World</h1>
  2. <h2>Hello</h2>

4.表格

id name
18 张三

5.图片

图片说明

6.链接

直播回放链接:https://www.php.cn/code/48399.html

3.HTML标签功能

  1. <!--文档类型 -->
  2. <!DOCTYPE html>
  3. <!-- 根元素。 lang: 页面语言 -->
  4. <html lang="zh-CN">
  5. <!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
  6. <head>
  7. <!-- 元标签meta。 charset:默认字符集 -->
  8. <meta charset="UTF-8" />
  9. <!-- 浏览器兼容配置 -->
  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="Hello.css" />
  17. <!-- 引入外部脚本 -->
  18. <script type="javascript" src="index.js"></script>
  19. </head>
  20. <!-- 主体元素: 页面实际显示的内容 -->
  21. <body>
  22. <h1>Hello World</h1> <!--双标签-->
  23. <img src="xxx.jpg" alt="" /><!--单标签 -->
  24. <!-- 单标签: 通常用于引用外部资源,双标签: 内容来自开发者提供 -->
  25. <!--单双标签的判断并不绝对 -->
  26. </body>
  27. </html>
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
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