CSDN博客编写中如何插入图片,如何修改图片的大小

CSDN博客中如何插入图片以及改变图片的尺寸与对齐方式

前言

由于我是一名初学者,对CSDN中MD编辑器的语法不是非常了解,当我想往文章中插入图片的时候遇到了麻烦因此我特地来总结一下,希望能帮到大家。本篇文章只是非常基础的插入图片和基础语法,各位要学一下HTML的语法。

如何插入图片

在这里插入图片描述
在这里插入图片描述

点击标注的图片,然后上传自己的图片,可以实现快速插入

CSDN博客提示语法

在这里插入图片描述
下面来具体介绍其中的几个
1.图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png)
是你插入的图片所显示的形式,不同的可能只是图片的类型是png,jpg还是jepg等
在这里插入图片描述
如本图片的形式(https://i-blog.csdnimg.cn/direct/f019a8383be144499e0588230af4f329.jpeg)

2.带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x60)
与上面的区别是有着 =60x60,只是改变图片的尺寸
图片和相应的代码如下
在这里插入图片描述
!(https://i-blog.csdnimg.cn/direct/f019a8383be144499e0588230af4f329.jpeg =60x60)值得主意的是 = 前面有空格键,没有对齐方式的话默认是左对齐。
3.居中的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

在这里插入图片描述https://i-blog.csdnimg.cn/direct/f019a8383be144499e0588230af4f329.jpeg#pic_right)
额,这个图片太大了看不出是在左边还是右边
4.居中并且带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60)
没关系我们调整一下图片的大小
在这里插入图片描述
https://i-blog.csdnimg.cn/direct/f019a8383be144499e0588230af4f329.jpeg#pic_right =90x90
可以看出我们的图片尺寸发生了变化也向右进行了对齐

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值