markdown html图片,Markdown语法对应的HTML标签实现
8种机械键盘轴体对比
本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?
邓紫棋-后会无期
最近学习HTML,这篇文章记录,用Markdown和HTML语法,来实现同一种标记。一方面来巩固HTML的语法,一方面来通过对比感受一下Markdown的简洁。
HTML(Hyper Text Markup Language)超文本标记语言,是万维网的基础,静态网页都是用HTML语言写就;Markdown也是一种标记语言,Markdown兼容HTML,但挑选了一些常用的语法比HTML更简单,Markdown只是一种书写语言,最终呈现在网页上的还是转换成HTML格式的。
一共支持六级标题html1
2
3
一级标题
二级标题
三级标题
一级标题
二级标题
三级标题markdown1
2
3# 一级标题
## 二级标题
### 三级标题
一级标题
二级标题
三级标题
文字格式
斜体 Italichtml1
2 这是斜体1
这是斜体2
这是斜体1
这是斜体2markdown1
2*这是斜体1*
_这是斜体2_
这是斜体1
这是斜体2
粗体 Boldhtml1
2这是粗体1
这是粗体2
这是粗体1
这是粗体2markdown1
2**这是粗体1**
__这是粗体2__
这是粗体1
这是粗体2
引用 Quotehtml1李商隐说:
庄生晓梦迷蝴蝶。望帝春心托杜鹃。
李商隐说:庄生晓梦迷蝴蝶。望帝春心托杜鹃。html1
李商隐说:
庄生晓梦迷蝴蝶。望帝春心托杜鹃。
李商隐说:庄生晓梦迷蝴蝶。望帝春心托杜鹃。markdown1
2> 李商隐说:
>> 庄生晓梦迷蝴蝶。望帝春心托杜鹃。李商隐说:庄生晓梦迷蝴蝶。望帝春心托杜鹃。
删除线 Strikethroughhtml1
2This is strikethrough 1.
This is strikethrough 2.
This is strikethrough 1.
This is strikethrough 2.GFM1~~This is strikethrough,only for GFM.~~
This is strikethrough,only for GFM.
下划线 Underlinehtml1
2我带下划线1.
我带下划线2.
我带下划线1.
我带下划线2.
上下标html1
2下标:H2O
上标:E=mc2
下标:H2O
上标:E=mc2
字体html1hello,个性化的格式。
hello,个性化的格式。
代码 Code
单行代码html1var i=10;
var i=10;markdown1`var i=10;`
var i=10;
多行代码html1
2
3
4
5
6
if (isOK)
{
return true;
}
if (isOK)
{
return true;
}```c
if (isOK)
{
return true;
}
```1
2
3
4if (isOK)
{
return true;
}
水平横线html1
markdown1
2
3---
我是分割线
***
我是分割线
列表 List
无序列表 Unordered Listul-li标签1
2
3
4
5
- Coffee
- Tea
- Milk
Coffee
Tea
Milkmarkdown1
2
3*Coffee
*Tea
*MilkCoffee
Tea
Milk
有序列表 Ordered Listol-li标签1
2
3
4
5
- Coffee
- Tea
- Milk
Coffee
Tea
Milkmarkdown1
2
32.Coffee
3.Tea
4.MilkCoffee
Tea
Milk
链接 Link
文字html1chenxu's blogmarkdown1[chenxu's blog](wuchenxu.com)
图片html1
html支持图片高度、宽度等属性的设置,markdown暂不支持此类属性的设置。markdown1![github](https://github.com/images/modules/contact/heartocat.png)
图片嵌入链接html1
markdown1[![github](https://github.com/images/modules/contact/heartocat.png)](https://wuchenxu.com)
表格 Tablehtml1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
班级 | 学生数 | 平均成绩 |
---|---|---|
一班 | 30 | 89 |
二班 | 35 | 85 |
成绩统计班级学生数平均成绩
一班3089
二班3585 html表格支持boder宽度,对齐,单元格填充,单元格间距,背景图片,单元格跨行跨列等属性设置;
原生markdown并不支持表格,在[GFM](https://guides.github.com/features/mastering-markdown/)支持一种简单的表格语法。
[神器-表格生成工具](http://www.tablesgenerator.com/)GFM1
2
3
4| 班级 | 学生数 | 平均成绩 |
|--------|:----------------:|----------:|
| 一班 | 30 | 89 |
| 二班 | 35 | 85 |班级学生数平均成绩一班3089
二班3585
Reference:
markdown html图片,Markdown语法对应的HTML标签实现相关推荐
- markdown插入图片、音频视频
1.markdown 简介 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 编写的文档后缀为 .md, .markdown 简单易学容易上手,十 ...
- Markdown 调整图片位置与大小
文章目录 1.图片语法格式 2.调整图片位置 2.1 居左 2.2 居中 2.3 居右 3.调整图片大小 3.1 等比缩放 3.1.1 相对父级元素 3.1.2 相对自身 3.2 非等比缩放 3.2. ...
- Markdown插入图片的方法
Markdown插入图片的方法 Markdown插入图片的语法: \!\[alt 属性文本](图片地址) \!\[alt 属性文本](图片地址 "可选标题") 说明: 以感叹号开头 ...
- Markdown编辑器推荐与语法教程--图片版
请参考Markdown编辑器推荐与语法教程--展示版或者Markdown编辑器推荐与语法教程--展示版看具体效果,当然,大家也可以下载Mou亲自体验一把 End
- Markdown 11种基本语法
Markdown 11种基本语法 现在是我在学习Markdown时做的笔记.学完这些Markdown的基本使用已经不成问题. 1. 标题设置(让字体变大,和word的标题意思一样) 在Markdown ...
- 【Tools】MarkDown教程(二)-MarkDown基本语法
00. 目录 文章目录 00. 目录 01. 文本格式化 1.1 粗体和斜体 1.2 删除线 1.3 标题 1.4 引用 1.5 嵌套引用 02. 代码格式化 2.1 行内代码 2.2 区块代码 03 ...
- markdown 图片居中_写作者必备技能:markdown 微信使用markdown
本文来自我的微信公众号 跨时代的jay 欢迎关注 什么是markdown? markdown 先展示一下,一遍更好的了解 (左图为写作区,右图为预览区) 它是一种纯文本文件 经过markdown编辑器 ...
- Markdown语法文档,Markdown教程,Markdown语法大全,
写在前面 最近一段时间学习的同时也在做一些笔记,想着将笔记发布出来加深印象并能够方便查找,看了一些大佬的文章后,不得不感慨大佬们编写文章的整洁度和可读性,因此经过仔细斟酌后,只有Markdown才是用 ...
- markdown插入图片的几个办法
CSDN-markdown语法之如何插入图片 目录 图片上传方式 插入在线图片 插入本地图片 图片链接方式 行内式图片链接 参考式图片链接 几个问题探讨 问题1:图片上传和图片链接两种方式的区别 问题 ...
最新文章
- ML/DL:关于机器学习、深度学习算法模型的选择
- Linux上怎样停止服务(jar包)、查看进程路径、关闭指定端口
- 在 IntelliJ IDEA 中创建基本的 Maven 多模块项目
- 值得永久收藏的 C# 设计模式套路(一)
- MongoDB查询实现 笛卡尔积,Union All 和Union 功能
- android在xml中加载大图,android – 如何在布局xml中添加循环视图
- BOMTool更新到1.3.0.10
- 局部加权线性回归,线性回归高级版
- java jxta_java现在还支不支持jxta,怎么官方都没下载了?
- srs+ffmpeg推流
- DNS数据配置文件SOA和NS
- 使用主成分分析进行图像压缩
- 新网站如何让百度快速收录,百度快速收录详细操作教程
- 计算机网络线接法,网线水晶头接法图解 一分钟学会网线怎么接
- 更改MySQL数据库root密码
- 【CANopen】CANopen总线讲解
- 呵呵呵切克闹,Mysql优化来一套。
- 《C程序设计快速进阶大学教程》第8章编程题
- C语言——初识字符串
- Android Studio项目中常见的需要自行创建的资源文件夹的位置(assets、raw、menu、anim等)
热门文章
- OpenShift 4 - DevSecOps Workshop (Jenkins版)
- 带有.NET Core 3和Electron.NET的多平台桌面HTML编辑器
- c# docx格式word文档导入
- Zend 创始人提议创建 PHP 方言,暂命名为 P++
- NodeJs开发框架fortjs
- Oracle 语句连接字符,oracle拼接字符串当sql语句
- python如何进行web开发_如何用Python做Web开发
- ssm框架数据查询一直为null
- xss攻击和csrf攻击
- linux 系统忘记数据库root密码