如何让你的jupyter notebook 排版得像Word(Markdown和网页文件写法)

案例背景

很多时候我们在jupyter notebook里面的写代码,画图,但是文字分析什么的写在里面纯文本不好看,需要进行排版,那么就得用markdown的写法,如何还想居中或者更花里胡哨的字体,那就得要网页文件的一些写法。下面是简单的几个案例,看看怎么排版会好看。


首先介绍一下内嵌span的样式写法参数

'''1. 字体样式
字体颜色:color: red;
字体大小:font-size: 20px;
字体粗细:font-weight: bold;
字体样式:font-style: italic;
字体家族:font-family: Arial, sans-serif;

2. 文本装饰
下划线:text-decoration: underline;
删除线:text-decoration: line-through;
文本阴影:text-shadow: 2px 2px 2px grey;

3. 背景
背景颜色:background-color: yellow;
背景图像:background-image: url('image.jpg');

4. 间距和边框
内边距:padding: 5px;
外边距:margin: 10px;
边框:border: 2px solid black;'''

 

使用演示

<div style="text-align: center;"><span style="color: #661199; font-size: 30px; font-weight: bold; font-family: Arial; text-decoration: underline; background-color: pink; margin: 50px; border: 2px solid black;">这是一段具有多种样式的文本。</span>
</div>

效果不错。颜色,大小,背景什么的都可以按照上面的参数进行修改。

Markdown最主要的功能就是#,有几个#表示几级标题,然后他还有很多项目符号,加粗,阴影,表格等等格式都在下面了,大家可以组合使用,其功能我都写在文字里了。

<div style="text-align: center;"><span style="color: #661199; font-size: 30px; font-weight: bold; font-family: Arial; text-decoration: underline; background-color: pink; margin: 50px; border: 2px solid black;">这是一段具有多种样式的文本。</span>
</div>## <center>网页文件的方法居中显示 </center>
### 三级标题
- **加粗小标题**
- *斜体*+ **<span style='font-size: 20px;'> 改一下字体大看看小 </span>**: 前面*表示加粗了的- **项目符号**: 阴影显示; `阴影显示文本`- 更低级的项目符号, **加粗*** 依靠缩进+ <span style='color:#777777; font-size: 14px;background-color:pink;'> 这里面变颜色 </span>- 缩进进进+ -+*都可以- **文本例子**:```>>> '要用反引号括起来'>>> 哈哈```
>引用文本,下面那个是分割线
---
1. 有序列表1
2. 有序列表2
4. 列表4(显示3)
10. [插入链接]
[https://www.baidu.com]| 列1    | 列2    |
| ------- | ------- |
| 单元格1 | 单元格2 |
[在下面直接写格子]
这样也行?|奇奇怪怪
好像不需要--

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/95018.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS使两个不同的div居中对齐的三种解决方案

在CSS中&#xff0c;有多种方法可以让两个不同的div居中对齐&#xff0c;包括相对定位和绝对定位。以下是两种常见的方法&#xff1a; 方法一&#xff1a;使用Flexbox Flexbox是一个用于创建灵活布局的CSS3模块。使用Flexbox&#xff0c;可以很容易地对元素进行居中对齐。 H…

抽象轻松的C语言

#include <stdio.h> /* 预处理指令*/ /* 函数 */ int main() {int log 3.14;printf("hello word * %d\n easy", log);getchar();/* 获取键盘输入的字母&#xff0c;在这个程序中的作用是防止程序瞬间关闭 */return 0; } 上一篇说过&#xff0c;C程序是C语言的…

剑指 Offer 57 - II. 和为s的连续正数序列(简单)

题目&#xff1a; class Solution { public:vector<vector<int>> findContinuousSequence(int target) { //本题使用滑动窗口&#xff08;双指针&#xff09;int i1, j1; //定义左右边界&#xff0c;一般是左闭右开int sum0; //窗口内的和vector&…

open cv快速入门系列---数字图像基础

目录 一、数字图像基础 1.1 数字图像和图像单位 1.2 区分图片分辨率与屏幕分辨率 1.3 图像的灰度与灰度级 1.4 图像的深度 1.5 二值图像、灰度图像与彩色图像 1.6 通道数 二、数字图像处理 2.1 图像噪声及其消除 2.2 数字图像处理技术 2.2.1 图像变换 2.2.2 图像增强…

Flutter:自定义组件的上下左右弹出层

背景 最近要使用Flutter实现一个下拉菜单&#xff0c;需求就是&#xff0c;在当前组件下点击&#xff0c;其下方弹出一个菜单选项&#xff0c;如下图所示&#xff1a; 实现起来&#xff0c;貌似没什么障碍&#xff0c;在Flutter中本身就提供了弹出层PopupMenuButton组件和show…

1761. 一个图中连通三元组的最小度数

文章目录 Tag题目来源题目解读解题思路方法一&#xff1a;无向图暴力枚举方法二&#xff1a;给无向图定向 写在最后 Tag 【暴力枚举】【度数】【有向图】【无向图】 题目来源 1761. 一个图中连通三元组的最小度数 题目解读 现在有一个无向图&#xff0c;找出连通三元组中度…

【请求报错:javax.net.ssl.SSLHandshakeException: No appropriate protocol】

1、问题描述 在请求服务时报错说SSL握手异常协议禁用啥的&#xff0c;而且我的连接数据库的url也加了useSSLfalse javax.net.ssl.SSLHandshakeException: No appropriate protocol (protocol is disabled or cipher suites are inappropriate)2、解决方法 在网上查找了方法…

mate60 里的2035 到底是什么鬼?

华为在 lengbulangqiang 的情况下发布了 mate60 手机&#xff0c;犹如一颗核弹升到了各国的上空&#xff0c;每个人都很想知道这其中发生了什么事情&#xff0c;也是疑点重重&#xff0c;这其中的一些疑点&#xff0c;足以让某些人暴跳如雷。 这 2035 标识到底是什么&#xff1…

弹性盒子的使用

一、定义 弹性盒子是一种用于按照布局元素的一维布局方法&#xff0c;它可以简便、完整、响应式地实现各种页面布局。 容器中存在两条轴&#xff0c;主轴和交叉轴(相当于我们坐标轴的x轴和y轴)。我们可以通过flex-direction来决定主轴的方向。 主轴&#xff08;main axis&am…

SpringCloudAlibaba Gateway(三)-整合Sentinel功能路由维度、API维度进行流控

Gateway整合Sentinel ​ 前面使用过Sentinel组件对服务提供者、服务消费者进行流控、限流等操作。除此之外&#xff0c;Sentinel还支持对Gateway、Zuul等主流网关进行限流。 ​ 自sentinel1.6.0版开始&#xff0c;Sentinel提供了Gateway的适配模块&#xff0c;能针对路由(rou…

Leetcode1090. 受标签影响的最大值

思路&#xff1a;根据值从大到小排序&#xff0c;然后在加的时候判断是否达到标签上限即可&#xff0c;一开始想用字典做&#xff0c;但是题目说是集合却连续出现两个8&#xff0c;因此使用元组SortedList进行解决 class Solution:def largestValsFromLabels(self, values: li…

MIPI D-PHY的初始化(MIPI Alliance Xilinx)

DPHY的基本介绍及使用已有很多文章&#xff0c;基本是基于《MIPI Alliance Specification for D-PHY 》的内容&#xff0c;学习时也以此为准&#xff0c;可参考CSDN上的文章。着重讲述MIPI D-PHY的初始化部分 1 D-PHY的功能及使用 下面的文章讲的不错&#xff0c;既有理论&…