总结一波怎么写CSDN的Markdown文档

文章目录

    • 学会查看帮助
    • 一、链接
    • 二、蓝色阴影
    • 三、调整字号
    • 四、图片居中
    • 五、图片调整大小
    • 六、两张/多张图片放在一行
    • 七、图片加边框、加注释
    • 八、自动生成目录
    • 九、加粗,高亮,红字
    • 十、分割线
    • 十一、代码块用什么语言
    • 十二、列表
    • 十三、表格
      • 表格内换行
      • 合并行
      • 合并列
    • 十四、空格和回车

学会查看帮助

总结一波怎么写CSDN的Markdown文档_第1张图片

一、链接

[IDEA创建并运行简单web项目(2分钟学会)](https://www.bilibili.com/video/BV1vV411B7rs)
效果: IDEA创建并运行简单web项目(2分钟学会)

二、蓝色阴影

>>你好
>
>你好。

效果:

你好

你好。


>字号正常
效果:

字号正常


> 字号大
效果:

字号大


也可以>#### 字号大

三、调整字号

放大字号
效果:放大字号
缩小字号
效果:缩小字号

四、图片居中

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210312003028444.png#pic_center)
即在生成的图片链接后加个#pic_center
效果:
在这里插入图片描述

五、图片调整大小

  • 方法一

如若想调整图片的尺寸那在之前指令后面加上“ =200x”就行,其中这个200x指的是图像宽200像素,高的大小会自动按比例缩放;当然,也可同时改变宽和高的大小“ =200x200”,但会破坏比例。

![在这里插入图片描述](https://img-blog.csdnimg.cn/6552279376bd459bb67841eaaa691366.png =400x)
总结一波怎么写CSDN的Markdown文档_第2张图片

  • 方法二
    。调整图片大小,把"width"后面的百分比改一下就行了。不想居中,把去掉"#pic_center"就好。
    效果:

六、两张/多张图片放在一行

登录页面。
只弹出字符,没输入框下移。

下面介绍图片的话可以不加,去掉汉字就好。
效果:

总结一波怎么写CSDN的Markdown文档_第3张图片
登录页面。
总结一波怎么写CSDN的Markdown文档_第4张图片
只弹出字符,没输入框下移。

七、图片加边框、加注释

<table>
	<tr>
		<td ><center><img src="https://img-blog.csdnimg.cn/20210323121209693.png"  width="20%">center>td>
	tr>
table>

原图:
总结一波怎么写CSDN的Markdown文档_第5张图片
加边框效果:

总结一波怎么写CSDN的Markdown文档_第6张图片

加边框加注释效果:

总结一波怎么写CSDN的Markdown文档_第7张图片
图片在此

八、自动生成目录

@[TOC]
效果:

文章目录

    • 学会查看帮助
    • 一、链接
    • 二、蓝色阴影
    • 三、调整字号
    • 四、图片居中
    • 五、图片调整大小
    • 六、两张/多张图片放在一行
    • 七、图片加边框、加注释
    • 八、自动生成目录
    • 九、加粗,高亮,红字
    • 十、分割线
    • 十一、代码块用什么语言
    • 十二、列表
    • 十三、表格
      • 表格内换行
      • 合并行
      • 合并列
    • 十四、空格和回车

九、加粗,高亮,红字

  • 加粗Ctrl+B
**加粗**

加粗

  • 高亮
==高亮==

高亮

  • 红字
 红字

红字

十、分割线



也可以---,效果:


十一、代码块用什么语言

代码块语言
Java java
html html
js js
pom.xml xml
application.properties、复制的命令行代码 bash

bash语言会把#后面的内容作为注释。并且用颜色标出等号。

十二、列表

- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务
  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

十三、表格

表格内换行

| 姓名 | 爱好 |
|--|--|
| 张三 | 吃
喝 |
姓名 爱好
张三

合并行

合并行 行一列二
行二列二
合并行 行一列二
行二列二

合并列

列一 列一
合并行
列一 列一
合并行

十四、空格和回车

空格: 
回车:

你可能感兴趣的:(markdown,html)