html字体加粗样式-Markdown(CSDN)MD编辑器(二)

2023-09-20 0 2,348 百度已收录

目录

Markdown 是一种轻量级的标记语言,排版和句型简单,让人们更多地关注内容本身而不是排版。 它以易于阅读和编写的纯文本格式编译文档,可以与 HTML 混合,并且可以导入 HTML、PDF 及其自身的 .md 格式文件。 由于简单、高效、易读、易写,Markdown 被广泛使用,如 Github、维基百科、简书等。

Markdown句型太简单,所以没有句型可以修改文本字体字体大小、字体颜色。 但它支持与HTML混合,使用HTML句型来改变字体、字体大小、字体颜色等,下面我们详细解释一下。

1. Markdown现有的文本样式。 Markdown句型显示治疗效果

*加粗字体*

加粗字体

_斜体文本_

加粗字体

*加粗字体*

加粗字体

__加粗字体__

加粗字体

==标签文字==

标记文本

~~删除文字~~

删除文本

`黑色文字`

黑色文字

从表中可以看出,Markdown 仅支持五种文本样式:斜体、粗体、标记、删除和粉色。 下面介绍HTML的font标签,以便编译后的Markdown格式文本支持改变字体、字体大小、字体颜色。

2. HTML 字体标签 - 更改字体、字体颜色和字体大小。

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

2.1. Markdown 格式文本

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

2.2. 显示功效

这是黑体

这是宋朝

这是快递新

这是白黑体

这是红色斜体

这就是光海绿色快递新

这是默认字体

这是蓝色的4号楷书

这是白色斜体数字 5

这是光海绿色快递Newsize6

2.3. 字体标签说明

您可以看到字体标签的基本应用和格式。 font标签主要有face、color、size三个属性,分别用于设置文字的字体、颜色、大小。 这三个属性可以单独使用。 如果你不确定它们的用途,可以将内容复制到markdown编辑器中,然后自己更改。

注意:

所选字体必须受 Markdown 编辑器支持。 如果字体太稀有,则可能无法显示默认字体。

字体颜色可以用英文表示,也可以在#前面加rgb值表示。 颜色及RGB值请参考颜色代码对照表。

字体大小只有1到7,总共7种字体大小可以选择。

3. HTML标记标签-标记文本

Markdown 本身也有用于标记文本的句型。 这里提供另一种嵌入HTML的写法,供读者对比。

3.1. Markdown 格式文本

这是正常文本
==这是 markdown 的标记文本==
这是 HTML 的标记文本

3.2. 显示功效

这是正常的文本

这是markdown的标记文本

这是带有内联 HTML 的标记文本

4. HTML强标记-粗体文本

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 tag-删除文本

Markdown本身也有删除文本的句型。 这里提供另一种嵌入HTML的写法,供读者对比。

6.1. Markdown 格式文本

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

6.2. 显示功效

这是正常的文本

这是markdown删除的文本

这是嵌入 HTML 中的已删除文本

7. HTML大小标签-加强和缩小字体大小

后面我会介绍如何改变字体大小html字体加粗样式,这里介绍另一种写法html字体加粗样式,供读者对比。使用大标签使字体大小比默认大一号,使用小标签使字体大小比默认大一号比默认尺寸小一号。

7.1. Markdown 格式文本

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

7.2. 显示功效

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

这是默认字体大小文本

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

8. HTML字体、mark、strong、em、del、big、small的混合使用

前面介绍的标签也可以组合使用。 主要使用方法是在font标签后面添加其他标签。 你可以根据下面的文字自己练习一下。

8.1. Markdown 格式文本

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

8.2. 显示功效

这是默认字体

这是道奇红色快递新字体

这是高亮闪红快递新字体

这是突出显示的粗体道奇红色快递新字体

这是 Dodge red courierNew 字体,突出显示并加粗。

这是 Dodge red courierNew 字体,以大号斜体突出显示并加粗。

相关文章:

Markdown编辑器(一)——实现页内跳转

Markdown编辑器(二)-文本样式(修改字体、字号、字体颜色、粗体、斜体、高亮、删除线)

Markdown编辑器(三)——图像缩放、指定规格、居中、左对齐、右对齐

Markdown编辑器(四)——漂亮的表格(表格背景色、跨行、跨列、多行)

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html字体加粗样式-Markdown(CSDN)MD编辑器(二) https://www.wkzy.net/game/197494.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务