一、markdown 基本操作

1.标题（示例6个）

###### 6级标题
#####  5级标题
####   4级标题
###    3级标题
##     2级标题
#      1级标题

2.列表

2.1无序列表

1
2
3
- 1
- 2
- 3
  - 1
  - 2
  - 3
    2.2有序列表
    1.1
    1.2
    1.3
  1. 1
  2. 2
  3. 3

3.表格

姓名	性别	年龄	地址
老刘	男	38	合肥
小张	女	22	武汉
小高	男	18	杭州

4.代码

1.单行代码：<p>一段html代码</p>

2.多行代码：

        <h1>标题1</h1>
        <h2>标题2</h2>
        <h3>标题3</h3>

5.图片

一张小图片

6.链接

一个链接：https://developer.mozilla.org/zh-CN/docs/Web/HTTP

二、html的标签

<!--声明一个html5文档-->
        <!DOCTYPE html>
<html lang="zh-CN"><!--声明语言-->
<!--head标签是整个文档的标签头内部包含 title标签 meta标签 一般外部文件的引入都会写在head标签里面-->
    <head>
        <meta charset="utf-8"/><!--这段定义了文档的编码格式-->
        <title>我的第N个页面</title><!--网页标签的标题-->
    </head>  
        <body><!--包裹着html文档的主体部分-->
            <h1 style="color: red;"> 这是一个标题 </h1>
            <p>这是一个段落</p>
            <div>这是一个块（盒子）</div>
            <span>这是一个行内块</span>
            <ul>无序列表</ul>
            <!--ul标签和ol标签都需要搭配li标签使用-->
            <ol>有序列表</ol>
            <a href="https://www.baidu.com">超链接标签</a>
            <img src="./6209c897986f5556.jpg"  alt="一个图片"/>
            <b>粗体</b>
            <i>斜体</i>
        </body>
</html>

markdown的基本操作及html基础标签

一、markdown 基本操作

1.标题（示例6个）

2.列表

2.1无序列表

2.2有序列表

3.表格

4.代码

5.图片

6.链接

二、html的标签

相关文章