Jupyter notebook 的 Markdown 编辑教学

( 标签类型语言的主要结构就是 标签 加 内容,单标签的内容跟在标签后面,有上标签加下标签的这种标签组的内容插在标签组的中间,所有都是这种就两结构,看起来复杂的其实结构也无非就是这两种结构的各种嵌套,把一个 a 结构或编程中的方法的应用 当做内容放 b 结构中 这种操作就是嵌套,a中可以嵌套b,b中还可以嵌套 c、d、e、f,这种还可以说a中嵌 b、c、d、e、f )

Markdown 语法 (这个Markdown自己内置的这个语法的符号喊做标签也是没毛病的,都是一个作用)

Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。以下是一些常用的Markdown标签及其功能

一、标题语法( Markdown 语法符 和内容之间需用空格分隔)

b008c6b88be1495d9f6b55d1778267ba.png

5e879550377e4d9cb69f2287b76bd4c7.png


 # 一级标题

98cbc35681f7460cabd6758df2982d81.png

109eb6e83e0f411490c07db2f0daca43.png

## 二级标题

40fdb22ea66444adbdeb7c7d0592cdf4.png

4a31dad1494d4fcfa0c646599844b89d.png
### 三级标题

db743a7f05b4496d9c46f9506de2dae1.png

c8fc06622b5f4e18b1f411a142fbc338.png

#### 四级标题

bffd63a364f345dfb45f202099169d5b.png

1b08cf31598b407baec097fc6c052ec1.png
##### 五级标题

ffa565f212eb4c708f909dd1180dea9c.png

a18b08be039f4a858431986db896057d.png
###### 六级标题

73515ffccf1d46abb8320c8eeb8eb9cc.png

38fa3c6e8b7140a1a3f53a4a50f8b7ec.png

二、斜体语法( Markdown 除了标题以外的与 语法符 和内容 之间没有空格分隔 )

d4713d112c9c4d4a85673f96a16fd121.png

19e95a2200074ed1b0dfb0c6024e6306.png

5910f31ee4e54ff3a65d5044d8321922.png

0322c1e023ab4e20b60e251251b2b265.png
*斜体文本* 或 _斜体文本_

b22bdbcf38184b29b6d79710b76c7a68.png

7d510df7b5964f73943b0c3bd2bff5f0.png

df307954c6ff444bb2b9d565fcc670f9.png

60823ea0c117490d85897010a6268147.png
**粗体文本** 或 __粗体文本__

d494f1df67f5475db4f67bd28808b031.png

deacb5cc3d2048799108b61aa3acff7b.png

9b0d7baacddb45409ffe1f36537f5261.png

f7ddda303f6b4471994ab2401791a11d.png
***加粗斜体文本*** 或 ___加粗斜体文本___

5dc6e26c1f9341b2ab34713d105c7204.png

008a9b5c9f4542169761ae6e74b28ee0.png

9ecc7021ce114fb19489238f8492d3c4.png

98c7426a33324fe59093298371a2833c.png
三、水平分隔线

在标准的Markdown语法中,分割线通常使用三个以上的连字符(---)或星号(***)来创建,但是它们的颜色通常是浏览器或渲染器默认的样式,Markdown本身不支持直接定义分割线的颜色或样式,如果觉得这个分割线颜色太浅了可以使用HTML的
--- 或 *** 或 ___

f6a4ddd896b34a6f85221ace57d0c9b6.png

48902ea07c3540d085ebb9d863b9694a.png

c64ff50832244196a60b5bf0ff101f4f.png

04ebbedba52040999e869a8283d7a0d4.png

7f280cc5590c4d30b2b8f6248530451d.png

四、~~删除线~~

7164a02c83e24eccbfdfab5e9657aa6a.png

9d41495359da48e6aa2813849349dc8a.png

 五、使用三个或更多的反引号 `` 包围代码块,可以指定语言以获得语法高亮。
1c6fb27e4ab342d6b812f47fe5ef26ce.png

1848dadd8b5f4e5f811224c56c1c9d7a.png

六、引用链接或图片

链接引用 [](),执行后会展示替代的文本,点击文本即可跳转8f2fda3c22004bae811dba85acfa472d.png

9315457dd2044ce8a24a39e1b3e7a968.png

-----------------------------------------还有个图片引用待更新--------------------------------------------

七、表格语法

使用 | 和 - 做Markdown表格

每两个管道符 || 中视为格,|1| 为 一个 格 ,|1|2| 为两个格,第一个 - 才会被识别为表格 表头和内容的分割标识,每行的格的数量一样 且 表头下有一行 |-| 分割标识符 ,一旦分割标识后,分割标识符下面 || 中任意字符都是内容

dd064c3936f648608c0a6e6d95f37856.png

7db8900296854b988cc88eac782ec3c6.png

c902a60306f04d6a827c1d7ee923f98f.png

1d9e8cb3cc184841ad2b42d9d66198ca.png

542011fd2be44ffeb96bf5d0ab4409d5.png

72342a7a221842ffad2d9f491018adb6.png

1281ed666dfa40eca5573e7c8398aa86.png

Markdown 使用的  HTML标签

  Markdown的 HTMl 标签使用比原完整的 HTMl 更简单 绝大部分没有了 繁琐的各个标签中间的必要结构要求 (但是比如表格这个标签,整体要表现一个完整的表格那么最基础的<thead>、<tbody>这类指定表头表内容的基础标签还是要有的,再简化的话至少<tr>这个指定哪几个数据为一行的这种基础标签还是要有的) ,不需要必须写<html><body>等标签,任何标签都可以单独提出来独立使用,也可以像完整HTML一样的编写 ,HTML所有的标签都是< 头标签 > 内容 < 尾标签( /头标签字符 ) > ,内容可能是另一个标签应用,也可能是一个文本字符,Markdown 单元格继承的是 HTML 对文本字符、数据表格 部分的编辑修改(对文本字符、数据表格以外的编辑修改无效,比如对网页整体的背景颜色的修改)

c99e3fc4f7f14e66806f07f9ec32f793.png

bf68e4f2d1a64e89a939c44e93365e57.png

d8defd9f3c7542a7ab24cede730fd2c7.png

3f8b06011500443689d4bead9f248a63.png

一、标题标签

<h1>这是一个标签</h1>

<h2>这是一个标签</h1>

<h3>这是一个标签</h3>

700ce13049bd4a1e835bef9cd0dafbc8.png

二、正文标签

<p>这是一个段落</p>
<p>这也是
    一个
    段落</p>

ca835af83ab3408fbdc7230204e2c7f3.png

<u>带下划线文本</u>

三、style 样式属性(strle是css用于定义文本字符串的视觉表现)

font 样式属性参数:

1.font-family:设置文本的字体族

5bf707c86ebe40f68a1c68a1066dc4b2.png

491de48bd9974c5b957780a486ed633c.png
2.color:设置文本的颜色

d585b5e45fc04470acaccf305499086c.png

d5d41e97867c47098f48118937da05ce.png
3.font-size:设置文本的大小

79f72d5cee054e4b937f4e737e6635e7.png

09bb13b6775c493e8f6fefc5ad9f1059.png
4.font-weight:设置文本的粗细

3584409581c74766800528ac9783ca79.png

5f03570397774d8d9e7b000d1b14a1d3.png
5.font-style:设置文本的风格,如斜体

f4f50bbe240048269699145149787d0e.png

a456ff6f8c6e487588f4946eaf7c7f42.png

6.background-color:设置文本的背景颜色   (padding是文本背景的内部空间距离大小设置)

50c2ee16c05b42cfa1a0600fc9721ba1.png

178e93a822734bf0b5fc17ef14ba7ef2.png

7.text-align:设置文本的水平对齐方式

0294d3e91340463fb38c653ca03b6103.png

b1002fee1daa4d3cad9192d5fa10c6da.png
8.margin:设置元素周围的空白区域(外边距)

3e85ca7c943c41f1ac1bdb3a263621fc.png

c7775ddaec34438b92b02b9468c50008.png
9.padding:设置元素内部的空白区域(内边距)

50c2ee16c05b42cfa1a0600fc9721ba1.png

178e93a822734bf0b5fc17ef14ba7ef2.png
10.border:设置元素的边框样式、宽度和颜色。

a648f2f8807c486d805b30ec272f7ad4.png

c364a364840141c792e8410a4d713ed9.png

觉得写得好的可以关注一下,或者看一下我主页有没有你感兴趣的文章

更多style样式属性可在MDN提供的 MDN Web Docs 中查看:font-family - CSS: Cascading Style Sheets | MDN (mozilla.org)

 群

目前技术交流群已经建好,感兴趣的可以加入一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

众众编程

你的打赏是我写大众教学的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值