作者:jnto. | 来源:互联网 | 2023-08-01 13:55
markdown语法实例及emmet简易语法1、mardown各级标题
单个#后接一级标题
两个##后接二级标题
三个###后接三级标题
最多六级标题,也就是###### 符号,日常用到三级
2、代码编程
多行代码```后接语言如php markdown等表示包装一段代码,比如
class person(){
function say(){
echo "Hello World";
}
}
> 这个符号是什么意思呢?
在代码包装区内,文本会高亮哦
单行代码用 单个接代码即可
实例
#demo{color:red}
3、列表
3.1 短接线-空格接文本,表示无序列表,二级列表前方加两空格
3.2 有序列表直接用1、2、3
- 列表1
- 列表2
2.1 分列表
2.2 分列表 - 列表3
4、表格
表格就是划线线,3根横短线加1根竖线(其实1根或者2根短横线都行),实例
序号 |
名字 |
年龄 |
籍贯 |
技能 |
---|
1 |
唐僧 |
36 |
陕西 |
念经 |
2 |
孙悟空 |
5001 |
花果山 |
七十二变 |
3 |
猪八戒 |
3002 |
高老庄 |
吃 |
4 |
沙悟净 |
866 |
沙河 |
挑行李 |
5、图片
用来加载图片,其中中括号内放图片说明,小括号内放图片地址,中括号内不写也可以,但是编辑器会报错
markdown语法一定注意要间隔行
6、emmet语法
用!
或者html:5
回车后创建html文档结构
标签、属性
属性一般用id或者class来表示
id快速生成用#,class用.
.container{content}
#demo{demo}
7、父子关系和兄弟关系
父子关系用>,兄弟关系用+
ul>li>a{123}
.title{网站名称}+.url{网址}
8、快速复制
- alt+shift+⬇
- 用*号
ul.demo>li.hello*3>a{***}
9、序号
用@和$符号,其中@表示起始位置,$表示升序递增,降序加-号
ul.container>li.number*5>a{item$@-1}
作业实例:
table>caption{取经贡献表}+thead>tr>th{积分值}*8+tbody>tr*5>td{名字}*8
table>caption{20期同学通讯录}+thead>tr>th{联系方式}*8+tbody>tr*5>td{联系人}*8
问题:老师有括号,实际编辑器有括号不能够生成