目录
一、空格
方法1:在&emsp后面加英文的分号 ; 即可实现一个字宽的空格
 
方法2:在 后面加英文的分号 ; 即可实现一个空格键的常规空格
二、换行
方法1:输入 “< p >”
<p>
方法2:输入< br >或者< br/ >
<br>
<br/>
三、标题
输入一次#并摁下空格键,即可生成一级标题
输入n次#,生成n级标题,最多支持六级标题
四、图片并排
之前显示图片一直是一行一个,也就是按列来,是因为养成了习惯,每次插入图片之后就回车。其实我们发现,只要紧跟在上一个图片括号的后面插入你要的图片就可以完成并排显示。
1.先插入第一张图片,然后光标定位到:
然后在那个位置插入第2张图片。就大功告成了。
不过这种方法好像不能调节大小,也就是说如果你的两张图片太大,其不会自动缩放,还是会分成两行来显示。
所以采用表格来布局。代码如下,你修改src处为你图片的地址即可。
<table>
<tr>
<td ><center><img src="https://img-blog.csdnimg.cn/20210418215130242.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzkxNDE0,size_16,color_FFFFFF,t_70" >图1 新垣结衣 </center></td>
<td ><center><img src="https://img-blog.csdn.net/20180731150122598" >图2 新垣结衣</center></td>
</tr>
</table>
一个问题是:我怎么知道我的图片的地址是什么?很简单,我们先在我们的在线编辑器上和以前一样插入我们的图片,然后我们发现下面这一串就是你图片的地址。把地址复制一下到表格里面src中,然后就可以把你刚刚插入的这个图片删了。
最终效果如下:
![]() |
|
五、设置图片
5.1 设置图片大小尺寸
在图片链接的最后面加上 空格 =480x480
注意:一定要加空格,并且中间的符号是乘
5.2 设置图片居中
5.2.1 CSDN提供的格式居中
居中:粘贴好图片后,在png后方加入:#pic_center
![在这里插入图片描述](https://img-blog.csdnimg.cn/f3072fe1e32b42dd999d5e358f6a3a30.png#pic_center)
如果要调整大小,则#pic_center =30x30
5.2.2 网页格式那种居中
居中按比例缩放
格式
<img src="图片连接#pic_center" width="20%"/>
示例
<img src="https://img-blog.csdnimg.cn/06445c9215b44701a92aeb78698c2c86.png#pic_center"width="20%"/>
居左和居右只要将 center 改成 left 和 right 即可
![](https://img-blog.csdnimg.cn/06445c9215b44701a92aeb78698c2c86.png#pic_center)
六、给图片加注释:即在图片下方给图片命名
在需要添加名字的图片下方直接添加:
<center><b><font size ='2'>图片描述</font></b></center></font>
即可,不许呀添加代码块
七、文字字体
设置文字字体的基本语法如下:
<font face="字体名称">显示内容</font>
在字体名称部分写入字体的名称,比如常见的:宋体、微软雅黑、黑体、华文行楷、方正姚体、楷体、幼圆、隶书等,在显示内容部分写入需要对文字字体进行修改字段。
例子:
<font face="宋体">这是宋体</font>
<font face="微软雅黑">这是微软雅黑</font>
<font face="黑体">这是黑体</font>
<font face="华文行楷">这是华文行楷</font>
<font face="方正姚体">这是方正姚体</font>
<font face="楷体">这是楷体</font>
<font face="幼圆">这是幼圆</font>
<font face="隶书">这是隶书</font>
效果:
这是宋体
这是微软雅黑
这是黑体
这是华文行楷
这是方正姚体
这是楷体
这是幼圆
这是隶书
八、文字大小
设置文字大小的基本语法如下:
<font size=字号>显示内容</font>
在字号部分写入写入字号大小(阿拉伯数字)。
例子:
<font size=1>这是字号1</font>
<font size=2>这是字号2</font>
<font size=3>这是字号3</font>
<font size=4>这是字号4</font>
<font size=5>这是字号5</font>
<font size=6>这是字号6</font>
效果:
这是字号1
这是字号2
这是字号3
这是字号4
这是字号5
这是字号6
九、文字颜色
设置文字颜色的基本语法如下:
<font color=颜色或者颜色代码>显示内容</font>
在颜色或者颜色代码部分写入需要设置的颜色,比如常用的:red(红色)、blue(蓝色)、orange(橙色)、green(绿色)等。或者可以写入对应的十六进制颜色代码进行设置,具体颜色代码参考下表:
十、文字加粗
(1)方法一
设置文字加粗的基本语法如下:
<font><b>显示内容</b></font>
(2)方法二
或者对某段文字进行加粗,可以在文字的头和尾各加上双星号**对该字段进行加粗。
例子:
**文字加粗**
十一、文字居中
设置文字居中的基本语法如下:
<center>显示内容
十二、文字斜体
设置文字居中的基本语法如下:
*显示内容*
十三、点击关键语句跳转指定位置 两种 方法说明
方法1:多级目录法
CSDN中的Markdown编译器最多支持6级目录,一个“#”号加空格,后面跟内容,即为1级目录,多少“#”就代表多少级目录。只要在任意地方加上以下内容就可以实现点击目录名称跳转至目录名称所在的位置(但前提: 目录名都是必须使用标题语法):
@[TOC](这里写自定义目录标题)
方法2:html语法
(1)定义要跳转的关键语句,语法格式为:
[点我跳转](#click_me_jump)
(2)使用以下 span标签 或 a标签,id 即为前面语法格式中“#”后面对应的内容,例如 click_me_jump :
<span id="click_me_jump">点我会跳转到此处哦</span>
或者
<a id="click_me_jump">点我会跳转到此处哦</a>