Markdown(更改字体、颜色、大小,设置文字背景色,调整图片大小设置居中)

基础知识:
Markdown 通过简单标记语法,使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。不过可以通过简单地HTML标签来实现
Size:规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是 3.

一、更改字体、大小、颜色

Markdown语法

1
2
3
4
5
6
7
8
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font size=5>我是尺寸</font>
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>

效果如下

我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体,绿色,尺寸为5

二、为文字添加背景色

由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)

Markdown语法

1
<table><tr><td bgcolor=#bfa>背景色#bfa</td></tr></table>

效果如下

背景色black

三、设置图片大小

原图默认大小

良医

1、设置图片百分比

Markdown语法

1
<img src="https://s1.ax1x.com/2020/03/23/8ojlQO.jpg" width="50%" height="50%">

效果如下

2、设置图片大小

Markdown语法

1
<img src="https://s1.ax1x.com/2020/03/23/8ojlQO.jpg" width="201" height="130" >

效果如下

3、设置图片居中

方法一:最常用的使用方法,使用center标签

可以设置居中,但是不易更改图片大小
实际上center标签会使中间的说有内容都会居中

Markdown语法

1
2
3
4
5
6
<center>

![good doctor](https://s1.ax1x.com/2020/03/23/8ojlQO.jpg "良医")
# good doctor是当图片无法显示的时候出现在界面上,良医是鼠标放在图片上显示的内容,具体可以在效果图上自己演示

</center>

效果如下

good doctor

方法二:使用HTML中的标签

1.这里需要用的HTML中的块元素标签div, 使用内嵌样式align=right(left,center,right)
2.使用这种方法比较容易更改图片的位置和大小

Markdown语法

1
<div align=center><img src="https://s1.ax1x.com/2020/03/23/8ojlQO.jpg" width="50%" height="50%"></div>

效果如下

四、有关图片和文字的内容会继续补充

To be continued

点击查看
-------------------本文结束 感谢您的阅读-------------------
0%