博主信息
博文 11
粉丝 0
评论 0
访问量 9923
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
vscode安装及插件使用等
Ghcᝰ
原创
896人浏览过

开学第一个 MarkDown 语法

#号的用法

  1. #代表h1
  2. ##代表h2
  3. 以此类推到h6即######

分割线用法---

  1. 分割线用至少三个以上的---表示即可

Markdown表格制作

课程表

节数 星期一 星期二 星期三 星期四 星期五
第一节 语文 数学 英语 生物 化学
第二节 语文 数学 英语 生物 化学
第三节 语文 数学 英语 生物 化学
第四节 语文 数学 英语 生物 化学
午休
第一节 语文 数学 英语 生物 化学
第二节 语文 数学 英语 生物 化学

Markdown 链接

  1. [链接名称](链接地址)
  2. 或者
  3. <链接地址>

PHP中文网
https://www.php.cn/


Markdown 图片

  1. ![alt 属性文本](图片地址)
  2. ![alt 属性文本](图片地址 "可选标题")

" class="reference-link">插件表

vscode 插件列表


插件列表

  • One Dark Pro 主题插件
  • file-icons 图标插件
  • Markdown Preview Enhanced 实施预览增强版
  • markdownlint markdown语法检查器
  • 。。。等等
  • 其中Prettier-Code formatter 代码格式化插件需要配置
  • 文件->首选项->设置->搜索->fromat->Editor:Default Formatter中的null选项改为esbenp.prettier-vscode (其中Editor:Format On Paste(复制过来的代码自动格式化) 和Editor:Format On Save(保存的时候自动格式化)可打勾)
  • 接着再搜索auto save 找到Files:Auto Save 中的off选项改为onFocusChange(失去焦点自动保存)

Emmet插件的使用方式

Emmet 的语法有点类似 CSS 的语法,生成 id 为 aaa 的 div 标签,我们只需要编写下面指令:

  1. #aaa

Emmet 默认的标签为 div ,如果我们不给出标签名称的话,默认就生成 div 标签。如果编写一个 class 为 bbb 的 span 标签,我们需要编写下面指令:

  1. span.bbb

同理,如果想要编写一个 id 为 ccc 的 class 为 ddd 的 ul 标签,我们可以这样写:

  1. ul#ccc.ddd

生成后代:>

大于号表示后面要生成的内容是当前标签的后代。例如我要生成一个无序列表,而且被 class 为 aaa 的 div 包裹,那么可以使用下面指令:

  1. div.aaa>ul>li

可以生成如下的结构:

  1. <div class="aaa">
  2. <ul>
  3. <li></li>
  4. </ul>
  5. </div>

参考资料文章来源地址

批改老师:天蓬老师天蓬老师

批改状态:合格

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

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

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