Blogger Information
Blog 21
fans 0
comment 0
visits 21430
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
markdown语法的练习和演示
N.
Original
722 people have browsed it

markdow语法练习

1.标题的使用

一个文档里只有一个大标题
标题随着#的个数对应和HTML里的h1至h6标签

2.分割线的使用

符号“-”至少三个代表分割线


3.列表

列表分为有序列表和无序列表

3.1有序列表为

1.上班
2.学习
3.写作业

3.2无序列表为

无序列表用“-”符号,使用时记得加一个空格,例如

  • 上班
    • 上班
    • 中班
    • 晚班
  • 学习
    • 听课
    • 写学习
    • 交作业
  • 写作业
    • 写作业
    • 交作业
    • 检查作业

4.引用的使用

在markdown里引用是用“>”代替的
例如:

这是一个引用的段落


5.代码块的使用

markdown的里代码块的使用是通过符号来实现,代码块又分为单行代码块和多行代码块;
例如:
单行代码块:

<html>

多行代码块:

  1. < !DOCTYPE html>
  2. <html>
  3. <head> </head>
  4. <body></body>
  5. </html>

6.链接的使用

括号符号用英文模式下的符号

只显示文本的链接使用

显示文本又显示链接的使用 <https//www.baidu.com>

只显示链接 <https//www.baidu.com>


7.图片的使用

图片的使用


8.表格

时间 学习 上班
2020 前端 上班
2020 上班 上班

9.语义化结构元素

序号 标签 名称 描述
1 <h1><h6> 标题 通常用来划分或标注内容中的文本段落
2 <header> 页眉 一般是由导航, logo 等元素组成
3 <footer> 页脚 一般由底部友情链接和备案号版权号组成
4 <nav> 导航栏 一般由一个或多个链接<a>标签组成
5 <main> 主体 展示页面主体内容,建议一个页面出现一次
6 <article> 文档 本义是文档,可以充当其他内容的容器
7 <aside> 边栏 与主体无关的(广告位、相关推荐等等
8 <section> 区块 文档或主体里的通用小组件
9 <div> 容器 本身无其他意义,通过他的属性来描述用途

实际运用

  1. <!DOCTYPE HTML>
  2. <html lang='en'>
  3. <head>
  4. <mete charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <tittle>写作业</tittle>
  7. <!--第一次写作业-->
  8. </head>
  9. <body>
  10. <!--页眉-->
  11. <header>
  12. <h1>&lt;header&lt;</h1>
  13. </header>
  14. <div class="container">
  15. <!--边栏-->
  16. <saide>
  17. <h1>这是侧边栏</h1>
  18. </saide>
  19. <!--主体-->
  20. <main>
  21. <h1>这是主体</h1>
  22. <div>
  23. <section>
  24. <h1>主体里的一块区域</h1>
  25. </section>
  26. <section>
  27. <h1>这是主体里的第二块区域</h1>
  28. </section>
  29. </div>
  30. </main>
  31. </div>
  32. <!--页脚-->
  33. <footer>
  34. <h1>页脚</h1>
  35. </footer>
  36. </body>
  37. </html>
Correcting teacher:天蓬老师天蓬老师

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