Home > List of blog posts > markdown的基本操作及html基础标签

Blogger Information

Blog 19

fans 0

comment 0

visits 9938

Special Recommendation

More>

Related recommendations

一、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>

Correcting teacher：

PHPz

Correction status：qualified

Teacher's comments：

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

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

2022-03-17 00:52:44