MarkDown的语法介绍
Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。 它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
一. 标题
标题使用的语法标记是“#”号
- 写法
#这是一级标题，显示效果如下：这是一级标题
还可以这样写:
# 这是一级标题 #，由于这样写多个步骤，所以一般都采用简写方式 写法
##这是二级标题，显示效果如下：这是二级标题
写法
###这是三级标题，显示效果如下：这是三级标题
依次类推，几级标题前面就输入几个“#”号，最大支持6个“#”号；
markdown中的标题相当于是html代码中的在
<h1></h1>标签对。
二. 段落与换行
段落没有语法标记号，直接输入内容即可；
- 这是一段文字演示内容，即段落演示，不需要输入任何语法标记符号，就是如此简单，就是如此方便，就是如此快捷，哇哈哈哈！~~~~
markdown中的段落相当于是html代码中的
<p></p>标签。
三. 引用
引用使用的语法标记是“>”号
- 写法
> 我是一条引用内容，显示效果如下我是一条引用内容
四. 分割线
分割线的语法标记是使用连续3个或以上的“-”号
- 写法
---,即可自动转变成分割线，显示如下横线效果：
markdown中的分割线相当于是html代码中的
<hr>标签。
五. 代码区块
代码区块的语法标记是使用连续3个“`”号，在英文输入法下按键盘左上角Esc下面的键就是
- 写法
```代码区```，这样前后对应连续3个“`”号，中间输入代码，显示效果如下：<div class="title"></div>
- 还可指定编程语言名称，在前面续3个“`”号后面紧接着编程语言名称，比如下面这种写法:
```PHP
六. 链接
链接的语法标记是：
[链接文本](href属性的url地址,title的提示信息)
- 显示效果如下：
七. 列表
1、有序列表
- 有序列表的语法标记是以1个数字开始,并以空格与列表项隔开
写法是
1. 我是有序列表12. 我是有序列表2显示效果如下：
- 无序列表: 用1个星号*或加号+或减-,并以空格与列表项隔开，同时还支持多级列表嵌套
- 写法是：
* 我是无序列表1，+ 我是无序列表2，- 我是无序列表3,显示效果如下：- 我是无序一级
- 我是无序二级
- 我是无序三级
- 我是无序二级
- 我是无序一级
七. 表格
- 表格的语法标记是使用减号“-”和竖线“|”画出表格
- 表格中的数据对齐方式是使用冒号“:”控制的
- 显示效果如下：
| 序 号 | 姓 名 | 年 龄 | 籍 贯 | 民 族 |
|---|---|---|---|---|
| 1 | 雄雄 | 32 | 江西 | 汉族 |
| 2 | 熊大 | 30 | 浙江 | 汉族 |
七. 图片
- 图片的语法标记是
- 下面以加入的网络图片地址演示效果如下：
HTML的语义化结构元素的种类与用途
语义化标签通俗的讲，就是用特定的词汇去描述网页的一块区域、某处作用等等而应运而生的一些标签。这些标签不仅可以让人们方便通过索引查询的到，也便于计算机在处理这些信息的时候解析速度更快。
- 常用的语义化标签有如下：
1、标题：标签为<h1-6></h1-6>，例如：<h1>我是一级标题</h1>，<h3>我是一级标题</h3>，通常用来划分或标注内容中的文本段落
2、页头：标签为<header></header>，例如：<header>这里可以再写入logo、导航条等代码信息</header>，页头标签通常用来标识站点LOGO、导航等内容
3、页尾：标签为<footer></footer>,例如：<footer>这里可以再写入站点版权信息、备案信息等</footer>，该标签一般显示在页面最底部区域，用来显示站点主权类信息
4、导航：标签为<nav></nav>，导航用于梳理站点板块内容，通过<a>标签进行跳转至各个页面中，该标签一般会显示在header标签附近
5、主体：标签为<main></main>,除了上面提到的页头和页尾，那么就是主体内容部分了，为了便于识别，该标签一般一个页面建议只使用一次，IE浏览器对main标签不兼容
6、区块：标签为<section></section>,类似于div标签，主要用来对页面区域划分块
7、文档：标签为<article></article>，通常用于显示一段内容
8、边栏：标签为<aside></aside>，用于标识该区块内容是侧栏内容，一般用于展示边栏小块区域内容
9、容器：标签最为常见<div></div>，应用广泛，没有具体定义用户，可通过属性来描述它的用途- 接下来我们通过上面所学的语义化标签来写一个简单的网页结构
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>语义化结构元素</title></head><body><header>这是页头区域header</header><nav>这是导航区域nav</nav><div id="container"><aside>这是侧栏内容aside</aside><main>这是主内容区域main<section>内容块一section</section><section>内容块二section</section></main></div><footer>这是页尾footer</footer></body></html>
通过这一课的学习，我们学会了使用简单快捷的markdown的常用语法，能够快捷的是写出需要的格式内容，上手快，简单易用；同时对html的语义化标签有了一定的认识，在网页布局中通过语义化标签能够让代码更有层次，即便于开发人员查看修改，也便于有利于搜索引擎的seo，我们下节课再见！