CSDN排版常用语法

这篇博客详细介绍了如何在CSDN上创建美观的排版,包括文本样式如标题、强调、加粗和下标,表格的使用,图片的位置和尺寸调整,以及特殊符号和快捷键的应用。通过学习,你可以提升博客的视觉效果和逻辑清晰度。
摘要由CSDN通过智能技术生成

学习目的

(1)想让自己的博客排版更好看一点,不系统的学习以下可能需要的时候也想不到用哪个功能。
(2)学习排版也是梳理逻辑,不断精炼语言的过程。
尤其是图表,挺多可以研究的点。

1.文本

(1)标题&目录

标题分层用于梳理逻辑和层次关系;

(2)文本样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O 下标的表示
210 指数的表示

(3)排版

a.空格
CSDN使用HTML空格标记

名称 代码 长度 拓展记忆
不换行空格   常规空格的宽度 No-Break Space
半角空格   一个字母的宽度 En Space,en是字体排印学的计量单位,为em宽度的一半。
全角空格   一个字的宽度 Em Space,em是字体排版宽度为一个中文宽度
窄空格   半个字母的宽度 Thin Space,1/6个em长度

b.注脚

(4)其他

代码和数学公式

2.表格

(1)列表

这些在CSDN的语法说明中都有。
a.有缩进的列表

  • 项目
    • 项目
      • 项目

b.普通罗列的列表

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

c.复选框列表,可以给复选框打钩

  • 计划任务
  • 完成任务

(2)表格

Column 1 Column 2
centered 文本居中 right-aligned 文本居右

注意点:
表格前后要各空一行;
编辑页中对第一行和第二行的分割处,
|:--------:| -------------:| 能对文本位置进行编辑
|--|--| 不能对文本位置进行编辑;

3.图片

(1)图片的位置

a.图片在网页中的位置

默认居左的图片:
Alt

居中的图片: Alt
居右的图片: Alt

b. 图片的尺寸设置

带尺寸的图片: Alt
宽度确定高度等比例的图片: Alt

高度确定宽度等比例的图片: Alt

(2)特殊的图

a.甘特图

Mon 06 Mon 13 已完成 进行中 计划中 现有任务 这里是标题

b.UML图

可以用来表示经典的三次握手,四次挥手

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值