Markdown (CSDN) MD编辑器(二)

您所在的位置:网站首页 twincat3中文怎么改变字体大小 Markdown (CSDN) MD编辑器(二)

Markdown (CSDN) MD编辑器(二)

2024-07-04 07:42| 来源: 网络整理| 查看: 265

目录 1、Markdown现有的文本样式。 2、HTML的font标签-改字体、字体颜色、字体大小。 3、HTML的mark标签-标记文本 4、HTML的strong标签-加粗文本 5、HTML的em标签-斜体文本 6、HTML的del标签-删除文本 7、HTML的big、small标签-加大、减小字号 8、HTML的font、mark、strong、em、del、big、small混合使用

Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。

Markdown语法过于简洁,因此没有更改文本字体、字体大小、字体颜色的语法。但支持与HTML混编,使用HTML语法来改变字体、字体大小、字体颜色等。下面详细讲解一些。

1、Markdown现有的文本样式。 Markdown语法显示效果*斜体文本*斜体文本_斜体文本_斜体文本*加粗文本*加粗文本__加粗文本__加粗文本==标记文本==标记文本~~删除文本~~删除文本`粉色文本`粉色文本

由表中可以看到 Markdown 仅支持 斜体、加粗、标记、删除、粉色五类文本样式,下面介绍HTML的 font 标签,使编写的Markdown格式文本支持修改字体、改字体大小、改字体颜色。

2、HTML的font标签-改字体、字体颜色、字体大小。

讲这个标签前,先看下面的 Markdown 格式文本及显示效果

2.1、Markdown格式文本 这是宋体 这是楷体 This is courier New 这是红色宋体 这是蓝色楷体 This is LightSeaGreen courier New 这是默认字体 这是红色4号宋体 这是蓝色5号楷体 This is LightSeaGreen courier New size 6 2.2、显示效果

这是宋体 这是楷体 This is courier New

这是红色宋体 这是蓝色楷体 This is LightSeaGreen courier New

这是默认字体 这是红色4号宋体 这是蓝色5号楷体 This is LightSeaGreen courier New size 6

2.3、font标签解释

从2.1、Markdown格式文本可以看到font标签的基本应用及格式,font标签主要有三个属性face、color、size分别用来设置文本的字体、颜色、大小。这三个属性可以单个地使用,如果对使用不清楚的,可以把2.1、Markdown格式文本内容复制到markdown编辑器,然后自己修改着看看。

注意: 选择的字体,要markdown编辑器支持的,如果太罕见的字体可能会没有而显示默认的字体 字体颜色可以是英文表示的,也可以是#后面加rgb值表示,颜色和rgb值的可以参考颜色码对照表 字体大小只有1到7总共7个字号可以选择

3、HTML的mark标签-标记文本

markdown本身也有标记文本的语法,这里再提供一种内嵌html的写法,供读者对比使用。

3.1、Markdown格式文本 这是正常文本 ==这是 markdown 的标记文本== 这是 HTML 的标记文本 3.2、显示效果

这是正常文本 这是 markdown 的标记文本 这是 内嵌HTML 的标记文本

4、HTML的strong标签-加粗文本

markdown本身也有加粗文本的语法,这里再提供一种内嵌html的写法,供读者对比使用。

4.1、Markdown格式文本 这是正常文本 **这是 markdown 的加粗文本** 这是 内嵌HTML 的加粗文本 4.2、显示效果

这是正常文本 这是 markdown 的加粗文本 这是 内嵌HTML 的加粗文本

5、HTML的em标签-斜体文本

markdown本身也有斜体文本的语法,这里再提供一种内嵌html的写法,供读者对比使用。

5.1、Markdown格式文本 这是正常文本 **这是 markdown 的斜体文本** 这是 内嵌HTML 的斜体文本 5.2、显示效果

这是正常文本 这是 markdown 的斜体文本 这是 内嵌HTML 的斜体文本

6、HTML的del标签-删除文本

markdown本身也有删除文本的语法,这里再提供一种内嵌html的写法,供读者对比使用。

6.1、Markdown格式文本 这是正常文本 ~~这是 markdown 的删除文本~~ 这是 内嵌HTML 的删除文本 6.2、显示效果

这是正常文本 这是 markdown 的删除文本 这是 内嵌HTML 的删除文本

7、HTML的big、small标签-加大、减小字号

前面 2.HTML的font标签 介绍了怎样改字体大小,这里再介绍另一种写法,供读者对比使用。使用big标签字号比默认的大一号,使用small标签使字号比默认小一号

7.1、Markdown格式文本 这是比默认字号小一号的文本 这是默认字号文本 这是比默认字号大一号的文本 7.2、显示效果

这是比默认字号小一号的文本 这是默认字号文本 这是比默认字号大一号的文本

8、HTML的font、mark、strong、em、del、big、small混合使用

上面介绍的几个标签还可以混合使用,主要使用方式是在font标签前面加上其他标签,可以结合下面文本自己练习看看。

8.1、Markdown格式文本 这是默认字体 这是道奇蓝色courier New字体 这是高亮的道奇蓝色courier New字体 这是高亮加粗的道奇蓝色courier New字体 这是高亮加粗大一号的道奇蓝色courier New字体 这是高亮加粗大一号斜体的道奇蓝色courier New字体 8.2、显示效果

这是默认字体 这是道奇蓝色courier New字体 这是高亮的道奇蓝色courier New字体 这是高亮加粗的道奇蓝色courier New字体 这是高亮加粗大一号的道奇蓝色courier New字体 这是高亮加粗大一号斜体的道奇蓝色courier New字体

相关文章: Markdown编辑器(一) - 实现页内跳转 Markdown编辑器(二) - 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线) Markdown编辑器(三) - 图片缩放、指定尺寸、居中、左对齐、右对齐 Markdown编辑器(四) - 漂亮表格(表格背景色、跨行、跨列、多行)

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3