博客列表 >如何快速创建前端开发环境

如何快速创建前端开发环境

早晨
早晨原创
2022年07月05日 17:12:50948浏览

markdown常用语法与实例演示 emmet常用语法与实例演示

markdown常用语法

一、Markdown简介

Markdown是一种轻量级标记语言,易读易写的纯文本格式编写文档,是约翰.格鲁伯创建,编写的文档可以导入HTML、Wrod、图像、PDF、Epub等多种格式的文档。当前网站都广泛使用Markdwon来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、知乎、简书等。

二、Markdown语法

1、标题使用#号可表示1-6级标题,一级标题对应一个#号,二级标题对应两个##号,以此类推。

使用#号标记标题语法格式

写法:

  1. #一级标题
  2. ##二级标题
  3. ###三级标题
  4. ####四级标题
  5. #####五级标题
  6. ######六级标题

显示效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

三、emmet简介

Emmet是一个web开发工具,用于加快HTML和CSS代码的编写速度。使用Emmet能够通过简短的表达式生成HTML或CSS代码片段。

四、emmet语法

1、输入!再按Tab键即可生成HTML初始化结构:

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. </body>
  11. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议