博主信息
博文 47
粉丝 1
评论 0
访问量 54220
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
vscode的安装与插件安装,md演示与H5标签功能
新手1314
原创
1556人浏览过

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>
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学