是时候使用Markdown写作了

Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它允许人们”使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML(或者HTML)文档”。 —— 来自维基百科

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 —— 来自维基百科

本文是用Markdown编辑器(有道云笔记)学习HTML的记录。

---

自从有道云笔记增加了对Markdown语法的支持后，在PC端就喜欢用它来写文字，Markdown语法很简单，通过点几次工具栏上的按钮，基础语法差不多就掌握了，然后就是实践，不需要每次都去点，毕竟双手一直保持在键盘上的感觉是很爽的。Markdown的用户有很多，如GitHub、Stack Overflow、简书、有道云笔记等，使用Markdown写文字，在支持Markdown语法的网站实现一次编写，到处可用。

微信公众账号的排版，微信公众号自带的编辑器功能比较弱，不少第三方公司也开发了微信排版器，使用排版器，主要是通过选择排版器提供的各种样式，且需要脱离键盘点击鼠标，不符合写作的规律。而，微信后台是支持Markdown格式的，在Markdown编辑器里写好文字，拷贝粘贴到微信公众账号的编辑器中，使用Markdown here工具渲染，插入图片并修订，发布，done。

---

Markdown的语法标签与HTML语法标签是一一对应的，下面通过对比的方式学习。

标题

浏览器会自动地在标题的前后添加空行。

语法：

HTML	Markdown
-	1到6个#

HMTL实例：

<h1>一级标题h1>
<h2>二级标题h2>
<h3>三级标题h3>
<h4>四级标题h4>
<h5>五级标题h5>
<h6>六级标题h6>

Markdown实例：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

段落

语法：

HTML	Markdown
	>

HTML实例：

<p>段落1p>

Markdown实例：

> 区块1第一层
>> 区块1第二层
>
>> 区块1第二层
>
> 区块2第一层

链接

HTML实例：

<a href="http://www.w3cschool.cn" title="w3cschool">链接w3cschoola>

Markdown实例：

[链接w3cschool](http://www.w3cschool.cn/ "w3cschool")

图像

img元素是自关闭标签，不需要结束标记。是空标签，它只包含属性，并且没有闭合标签。

语法：src属性的值是图像的url地址，alt属性用来为图像定义一串预备的可替换的文本，在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息。

<img src="url" alt="some_text">

HTML实例：

<img src="w3cschool.png" width="104" height="142">

Markdown实例：

![image](http://note.youdao.com/favicon.ico)

空元素

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。如
。在开始标签中添加斜杠，如
，是关闭空元素的正确方法。

水平线

---

标签在HTML页面中创建水平线，用于分隔内容。

HTML实例：

<p>段落1p>
<hr>
<p>段落2p>
<hr>
<p>段落3p>

注释

HTML实例：

折行

在不产生一个新段落的情况下进行换行，使用
标签。

HTML实例：

<p>这个<br />段落<br />演示了分行的效果p>

空格和空行

对于HTML，无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行，所有连续的空格或空行都会被算作一个空格。

元素

标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。

元素

标签定义了文档与外部资源之间的关系，通常用于链接到样式表。