Markdown中如何显⽰HTML标签
Markdown中怎样显⽰HTML标签以及转义字符呢?
我们在使⽤Markdown编辑器时,如果遇到HTML标签,则编辑器会将内容转为HTML标记,这就与我们原来的本意像违背了,如果我们只是想显⽰⼀些标签的字⾯内容⽽不想被转换,这时我们需要懂得⼀些常⽤的转义字符表:
例如:我们只是想显⽰<HTML>这个内容,但是如果直接写就会被转换⽽看不见。
所以,写的形式应该为:
<HTML>    或者    <HTML>
还有⼀个改变字体颜⾊⽤html css的其他属性并没什么卵⽤,只能⽤下⾯这个:
<font color="red">变红了吧</font>
效果
变红了吧
既然到这了,就继续把Markdown的语法总结⼀下吧,下次忘记了再来次查看⼀下:
Markdown是⼀种纯⽂本格式的标记语⾔。通过简单的标记语法,它可以使普通⽂本内容具有⼀定的格式。
相⽐WYSIWYG编辑器
优点:
1、因为是纯⽂本,所以只要⽀持Markdown的地⽅都能获得⼀样的编辑效果,可以让作者摆脱排版的困扰,专⼼写作。
2、操作简单。⽐如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择⼏级标题。要三个步骤。⽽Markdown只需要在标题内容前加#即可
缺点:
1、需要记⼀些语法(当然,是很简单。五分钟学会)。
2、有些平台不⽀持Markdown编辑模式。
还好,简书是⽀持Markdown编辑模式的。
开启⽅式:设置->默认编辑器->Markdown编辑器
⼀、标题
在想要设置为标题的⽂字前⾯加#来表⽰
⼀个#是⼀级标题,⼆个#是⼆级标题,以此类推。⽀持六级标题。
注:标准语法⼀般在#后跟个空格再写⽂字,貌似简书不加空格也⾏。
⽰例:
# 这是⼀级标题
## 这是⼆级标题
### 这是三级标题
#### 这是四级标题
> 这是五级标题
># 这是六级标题
效果如下:
这是⼀级标题
这是⼆级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
⼆、字体
加粗
要加粗的⽂字左右分别⽤两个*号包起来
斜体
要倾斜的⽂字左右分别⽤⼀个*号包起来
斜体加粗
要倾斜和加粗的⽂字左右分别⽤三个*号包起来
删除线
要加删除线的⽂字左右分别⽤两个~~号包起来
⽰例:
**这是加粗的⽂字**
*这是倾斜的⽂字*`
***这是斜体加粗的⽂字***
~~这是加删除线的⽂字~~
效果如下:
这是加粗的⽂字
这是倾斜的⽂字`
这是斜体加粗的⽂字
这是加删除线的⽂字
三、引⽤
在引⽤的⽂字前加>即可。引⽤也可以嵌套,如加两个>>三个>>> n个…
貌似可以⼀直加下去,但没神马卵⽤
⽰例:
>这是引⽤的内容
>>这是引⽤的内容
>>>>>>>>>>这是引⽤的内容
效果如下:
这是引⽤的内容
这是引⽤的内容
这是引⽤的内容
四、分割线
三个或者三个以上的 - 或者 * 都可以。
⽰例:
---
----
***
*****
效果如下:
可以看到,显⽰效果是⼀样的。
五、图⽚
语法:
[外链图⽚转存失败,源站可能有防盗链机制,建议将图⽚保存下来直接上传(img-yAz5I26m-1595927424124)(图⽚地址 ''图⽚title'')]
图⽚alt就是显⽰在图⽚下⾯的⽂字,相当于对图⽚内容的解释。
图⽚title是图⽚的标题,当⿏标移到图⽚上时显⽰的内容。title可加可不加
⽰例:
![在这⾥插⼊图⽚描述](img-blog.csdnimg/20190624185915934.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_1 0,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3Njc0NDM5,size_16,color_FFFFFF,t_70)
效果如下:
blockchain
上传本地图⽚直接点击导航栏的图⽚标志,选择图⽚即可
六、超链接
语法:
[超链接名](超链接地址 "超链接title")
title可加可不加
⽰例:
[简书](jianshu)
[百度](baidu)
效果如下:
注:Markdown本⾝语法不⽀持链接在新页⾯中打开,貌似简书做了处理,是可以的。别的平台可能就不⾏了,如果想要在新页⾯中打开的话可以⽤html语⾔的a标签代替。
<a href="超链接地址" target="_blank">超链接名</a>
⽰例
<a href="www.jianshu/u/1f5ac0cf6a8b" target="_blank">简书</a>
七、列表
⽆序列表
语法:
⽆序列表⽤ - + * 任何⼀种都可以
- 列表内容
+ 列表内容
* 列表内容
如何查看html代码注意:- + * 跟内容之间都要有⼀个空格
效果如下:
列表内容
列表内容
列表内容
有序列表
语法:
数字加点
1.列表内容
2.列表内容
3.列表内容
注意:序号跟内容之间要有空格
效果如下:
1.列表内容
2.列表内容
3.列表内容
列表嵌套
上⼀级和下⼀级之间敲三个空格即可
⼀级⽆序列表内容
⼆级⽆序列表内容
⼆级⽆序列表内容
⼆级⽆序列表内容
⼀级⽆序列表内容
⼆级有序列表内容
⼆级有序列表内容
⼆级有序列表内容
⼀级有序列表内容
⼆级⽆序列表内容
⼆级⽆序列表内容
⼆级⽆序列表内容
⼀级有序列表内容
⼆级有序列表内容
⼆级有序列表内容
⼆级有序列表内容
⼋、表格
语法:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。

发表评论