首页
学习
活动
专区
圈层
工具
发布

markdown标记语言及其语法介绍

像 在线 Markdown 编辑器 (opens new window)一样,它们都是将 Markdown 格式的文本转换为 HTML,以便可以在 Web 浏览器中显示。...Markdown 应用程序使用一种称为 Markdown 处理器(也通常称为“解析器”或“实现”)的东西将获取到的 Markdown 格式的文本输出为 HTML 格式。...列表 无序列表:用 -、* 或 + - 项目1 * 项目2 有序列表:数字加 . 1. 第一项 2. 第二项 嵌套列表:子项缩进2空格。 4....表格 用 | 和 - 对齐: | 左对齐 | 居中 | 右对齐 | |:-------|:----:|-------:| | 数据1 | 数据2 | 数据3 | 冒号 : 控制对齐方式。 2....五、常见问题 换行问题:段落间需空一行,行末加2空格强制换行。 转义字符:用 \ 避免符号冲突(如 \* 显示为*)。 兼容性差异:不同平台对表格、公式的支持可能不同。

67610
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Markdown笔记 | 一篇最详细的Markdown 教程 --> 收好

    日常操作 1.1 段落和换行符 段落只是一行或多行连续的文本。在markdown源代码中,段落由两个或多个空行分隔。在Typora中,您只需要一个空行(按Enter一次)即可创建一个新段落。...按Shift+ Enter可创建单个换行符。大多数其他降价解析器将忽略单换行符,因此为了使其他降价解析器识别换行符,您可以在行的末尾留下两个空格,或者插入。...1.7 下划线 下划线可以通过 HTML 的 标签来实现: 带下划线文本 显示效果如下所示: ? ? 1.8 脚注 脚注是对文本的补充说明。...1.11.2 列表中使用区块 如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进。...Markdown高级操作技巧 2.1 转义 Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符: **文本加粗**

    31.9K88

    【Android 应用开发】Canvas 精准绘制文字 ( 测量文本真实边界 | 将文本中心点与给定中心点对齐 )

    文章目录 一、测量文本真实边界 二、将文本中心点与给定中心点对齐 一、测量文本真实边界 ---- Paint.getTextBounds() 函数原型如下 : public class Paint {..., 是使用 Paint 在 Canvas 中绘制的文本的真实占用区域 , 如下图红色矩形框所在的区域 , 与文本的相对坐标 , 下图的红色矩形框的 右下角是 ( 0 , 0 ) 坐标位置 ; Rect..., 如有的文本时 abcd 类型的 , 下方没有超出基线 , 有的文本属于 jqpy 类型的 , 下方超出基线了 , 还有可能有特殊符号如度数符号 , 百分号等 , 造成了真实文本与绘图区域的差异 ;...绘图区域 与 真实文本区域 的差异 , 就导致了 文字绘图 不准确 , 不好定位的问题 ; 二、将文本中心点与给定中心点对齐 ---- 给定中心点 ( x , y ) ; 绘制文本 , 使得 文本的中心点...与 给定的中心点对齐 ; 根据中心点位置 : 确定绘制文本的左侧位置 : x - (rect.left + rect.right) / 2 , 绘制的文本 , 是下图红色矩形框的位置 , 文本的位置是不确定的

    2K20

    Markdown如何学习,看完这篇文章就够了。

    它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。...1、末尾添加两个空格 段落1 段落2 2、使用空行来换行 段落1 段落2 字体 Markdown 可以使用以下几种字体: *斜体文本* _斜体文本_ **加粗文本** __加粗文本...区块嵌套 一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推: > 最外层 > > 一层嵌套 > > > 二层嵌套 区块中使用列表 > 区块中使用列表 > 1....[alt 属性文本](https://www.baidu.com/img/PCtm_d9c875234567620d6cf.png "图片标题") Markdown 还没有办法指定图片的高度与宽度,如果你需要的话...,Markdown 使用反斜杠转义特殊字符: **加粗文本** \*\*不会加粗文本\*\* Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号: \ 反斜线 ` 反引号

    78340

    web前端学习摘要。

    原理:设置了clear的元素将不再像前一个浮动元素对齐,换行重新开始。...列表可以多重嵌套,通过多重嵌套可以实现复杂的栏目排版 CSS列表样式 列表专有属性:list-style(是针对列表的项目符号进行样式设置的专有属性) 1. list-style-type 设定列表的项目符号类型...2. list-style-image 设定列表的项目符号的自定义图像。作用:当项目符号类型不能满足设计需要时,可通过该属性自定义引入图片作为项目符号表现。值:url(图片路径)。...项目符号隶属于每一个列表项,所以list-style-position只能定义项目符号的位置是放置于列表项里面还是外面,无法精确控制定位距离。...项目符号设置基于列表区域和列表项,和默认存在项目符号,没有。 step3:使用背景属性模拟项目符号效果。

    4.9K30

    深入了解Markdown:高效笔记与博客写作的终极利器

    Markdown 是由 约翰·格鲁伯(John Gruber) 创建的标记语言,它允许用纯文本格式写作,并能自动转换为 HTML。...有序列表 3 效果: 无序列表 1 无序列表 2 无序列表 3 有序列表 1 有序列表 2 有序列表 3 3.1.4 图片 插入图片的方式与链接类似,但前面需要加上 ! 符号: !...HTML 标签 : 这行文字已被添加下划线 效果: 这行文字已被添加下划线 3.1.10 引用 引用内容使用 > 符号,可以嵌套引用。...$1 | 234 | 效果: 项目 价格 数量 计算机 $1600 5 手机 $12 12 管线 $1 234 注意了,干货来了 如果你想控制表格中的内容对齐方式,可以通过在表头和表体之间的分隔符行...扩展功能:通过与 HTML、LaTeX 等语言结合,Markdown 能够实现更复杂的文档格式,例如数学公式、表格、图像、超链接等,提供了更强大的灵活性和可定制性。

    1.2K10

    Markdown如何学习,看完这篇文章就够了。

    它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。...1、末尾添加两个空格 段落1 段落2 2、使用空行来换行 段落1 段落2 字体 Markdown 可以使用以下几种字体: *斜体文本* _斜体文本_ **加粗文本** __加粗文本...区块嵌套 一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推: > 最外层 > > 一层嵌套 > > > 二层嵌套 区块中使用列表 > 区块中使用列表 > 1....[alt 属性文本](https://www.baidu.com/img/PCtm_d9c875234567620d6cf.png "图片标题") Markdown 还没有办法指定图片的高度与宽度,如果你需要的话...,Markdown 使用反斜杠转义特殊字符: **加粗文本** \*\*不会加粗文本\*\* Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号: \ 反斜线 ` 反引号

    78870

    02_Bootstrap基础组件02

    4 排版 使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素,实际上它是把大部分在HTML的基本标签加了样式。所以这部分相对比较简单。...4.1 标题 h1-h6 重新定义样式,HTML 中的所有标题标签, 到 均可使用。 增加了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。...> 4.5 对齐类 简单方便将文字对齐的类,它们一般应用在 p 标签上(用在 div 上不符合规范,用在 span 标签则不能生效)。...在较窄的视口(viewport)内,列表将变为默认堆叠排列的布局方式。 4.10 强调类 这些强调类,通过颜色来表示强调。一般是给 p 元素加这些类名,会显示不同的颜色。 符号 4.13 左右浮动 添加一个类 .pull-left 或 .pull-right,可以将任意元素向左或向右浮动 <div

    71100

    # VSCode+Markdown学习

    一个可以运行与Windows、linux和Mac OS等操作系统之上,它允许人们使用Markdown语言编写易读易写的纯文本格式文档,然后转换成有效的 XHTML(或者HTML)文档。...小换行上半部, 小换行下半部, 大换行上半部, 大换行下半部, (5)有序列表和无序列表 有序号列表,简称有序列表 输入规则:数字+....与代码块的区别是代码块在一个区域中,而行内代码仅仅一行而已。...+1;第一行是表格头有且唯一,第二行是左右对齐规则行,:符合代表左对齐,还是右对齐(可选);-符号所有分隔符(必选)。...文本分割线 三个*+回车 无 如下图所示 (9)图片 实现规则如下图所示,这里要保证png文件与.md文件在同一目录下。

    69810

    Web前端上万字的知识总结

    1、html>和html> 标签限定了文档的开始和结束点。   ...(紧凑无需列表)type(项目符号类型)     Type的属性值:disc:实心原点   circle:空心原点       square:实心方形   (2)、定义一个有序列表     属性...) Wrap的属性值:virtual  虚拟换行             physical  物理换行   off 不换行   (4)、下拉菜单和下拉列表标签,把标记条目放在<option...:       List-style-type 设定引导列表的项目类型            list-style-image  选择图像作为项目的引导符号                              ...      list-style-position  决定列表项目所缩进的程度     属性值:       List-style-type: disc 在文本行前加实心圆   circle 加空心圆

    4.7K100

    web前端基础知识总结

    >用于封装位于文档头部的其他标签 属性: (1) dir:文本的显示方向 (2)  Lang:语言信息 (3)  Profile:提供了与当前文件相关联的文档数据的URL 可放在无序列表,用来罗列项目 属性:dir lang class id style title compact(紧凑无需列表)type(项目符号类型) Type的属性值:disc:...) Wrap的属性值:virtual  虚拟换行 physical  物理换行   off 不换行 (4)、下拉菜单和下拉列表标签,把标记条目放在标签中 属性:dir lang...right右对齐 center居中 justify两端对齐 Text-index:后跟长度单位如2em Text-transform: capitalize将每个单词首字母大写 uppercase 将每个都转换为大写...: List-style-type 设定引导列表的项目类型 list-style-image  选择图像作为项目的引导符号 list-style-position  决定列表项目所缩进的程度 属性值:

    4.9K60

    【web前端阶段一】HTML巩固学习(持续更新)

    Open 打开一个项目 Save As 将当前页面另存为 Reopen Project 近几次打开的项目列表 Close Project 点击后回到欢迎页面上 Rename Project...hr align="center" width="50%" /> ---- : 被包围在 pre 元素中的文本通常会保留空格和换行符 示例——用pre定义有换行的文本 <body...---- 比如下面的,图片,文本,超链接的显示并对齐: <!...size 水平线的高度 4. color 颜色 ---- 预文本标签 被包围在 pre 元素中的文本通常会保留空格和换行符 如下,用pre定义有换行的文本: ...1 表示列表项目用数字标号(1,2,3…) a 表示列表项目用小写字母标号(a,b,c…) A 表示列表项目用大写字母标号(A,B,C…) i 表示列表项目用小写罗马数字标号(i,ii,iii…) I

    5.6K40

    Markdown语法

    ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 Markdown 段落格式 Markdown 段落 Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车...第二项 > + 第一项 > + 第二项 > + 第三项 区块中使用列表 第一项 第二项 第一项 第二项 第三项 列表中使用区块 如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进。...然后在文档的结尾为变量赋值(网址) Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 标签。...单元格 单元格 单元格 单元格 单元格 单元格 Markdown 高级技巧 支持的 HTML 元素 不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。...转义 Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符: **文本加粗** \*\* 正常显示星号 \*\*

    2.1K10

    Markdown基础教程

    HTML 的 标签来实现 删除线只需要在文字的两端加上两个波浪线 ~~ 即可 MARKDOWN *斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜体文本***...无序列表可使用星号:*、加号:+、减号-都可以,符号与内容要有空格隔开。 有序列表直接数字+.即可,符号与内容要有空格隔开。...MARKDOWN * 无序列表项1 * 无序列表项2 + 无序列表项1 + 无序列表项2 - 无序列表项1 - 无序列表项2 1. 有序列表1 2. 有序列表2 3....第二项: - 第二项第一个 - 第二项第二个 输出结果: ---- 引用区块 在文本前面添加> 符号即可将文本变为引用区块。...MARKDOWN > 文本内容 输出结果: ---- 代码块 可使用三个符号包裹住代码块,并指定一种语言即可生成代码预览区域。此符号一定要在英文状态下才能打出。

    7K20

    Markdown 语法简介

    Markdown 语法简介 Markdown 是一种轻量级的标记语言,用于简化文本的格式化。它使用简单的标记符号,可以快速转换为 HTML 或其他格式的文档。...标题 使用 "#" 符号表示标题,数量表示级别。例如: # 一级标题 ## 二级标题 ### 三级标题 段落和换行 段落之间使用空行进行分隔。如果需要强制换行,可以在行末添加两个空格。...例如: **粗体文本** __粗体文本__ 链接 使用方括号包围链接文本,后面紧跟着小括号包围的链接地址。例如: [链接文本](http://example.com) 图片 与链接类似,使用 "!"...例如: - 无序列表项1 - 无序列表项2 1. 有序列表项1 2. 有序列表项2 引用 使用 ">" 开头表示引用文本。可以嵌套多个引用符号。...例如: --- *** ___ 表格 使用 "|" 分隔不同的单元格,使用连字符和冒号来定义表格的对齐方式。

    62510

    前端语言基础【第一篇:HTML5 & CSS】

    该标签可以直接引用外部脚本文件,也可以直接将脚本命令写在标签中 显示在页面上的内容都写在body里面 (3) 基本规范 HTML5使用列表 --> 有序列表项1 有序列表项2 TYPE取值 设置的符号样式 1 以数字进行排列 ,系统默认 a 以小写字母排列...标签 标签通常作为文本的容器,它没有特定的含义和样式,只有与CSS同时使用才可以为指定文本设置样式属性。...该标签是一个内联元素(inline element),与块级元素相反,内联元素不会自动在前后自动放置换行符,因此内联元素会默认在同一行显示。 ?...(二) 层叠样式表 多个样式可以作用在同一个html元素上,使得页面效果更加好,CSS将网页内容和显示样式进行分离,降低耦合度,提高了开发效率 (1) CSS和html结合的方式 内联样式 在每个html

    2.3K20
    领券