Blogger Information
Blog 8
fans 0
comment 0
visits 7586
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
makdwon基础
杨向贤
Original
1565 people have browsed it

Markdown语法

Markdown 标题

Markdown标题 一共有六个标题
标题使用标记:”#” 号
一级标题 #
二级标题 ##
三级标题 ###
四级标题 ####
五级标题 #####
六级标题 ######


Markdown段落和换行

段落之间回车产生回车,不会换行

连续敲两个回车才会进行换行


Markdowm 引用

一级引用 >

二级引用 >>
引用可以进行嵌套其他Markdown标签


Markdown 分割线

使用三个或以上*号和-号

Markdown 编写代码区块

语法:

单行代码使用一个反引号``或波浪线
使用三个反引号```(常用
使用三个波浪线~~~
在代码前缩进4个空格或一个制表符(Tab)


链接

百度


Markdown 列表

有序列表

从1的数字开始
并以空格与列表项隔开

无序列表

用1个号或号表示
并以空格与列表项隔开
三种方式标记,根据缩进级别自动填充


表格

表格是| - 组合画出来的
表格中数据对齐方式使用(:)控制
表格有表头和主题组成,中间|—|—|合成
表格在不同的解释器中,效果可能不同


图片

图片语法与链接类似,只需要在前面添加一个!叹号即可
提示文本


Markdown演示

代码区块演示

  1. Table制表符

<h1>单行代码</h1>

  1. <!Doctype>
  2. <html>
  3. <head>
  4. </head>
  5. <body>
  6. <h6>多行代码</h6>
  7. </body>
  8. </html>

列表演示

无序列表

  • list1
    • 234
  • list2

有序列表

  1. list
    1.1 list

表格演示

名字 备注
1 张三 男性
2 李氏 女性

图片演示

风景图


结构化元素用途

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

实例演示

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <header><h1>我是头部</h1></header>
  6. <!--一个div盒子容器-->
  7. <div>
  8. <aside><h2>边栏</h2></aside>
  9. <!--主体结构-->
  10. <main>
  11. <h1>我是主体</h1>
  12. <div>
  13. <section><h2>我是区块1</h2></section>
  14. <section><h2>我是区块2</h2></section>
  15. </div>
  16. <article><h3></h3></article>
  17. </main>
  18. </div>
  19. <footer><h1>我是尾部</h1></footer>
  20. </body>
  21. </html>
Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:markdown重点放在表格上, 这个玩意比较不好写
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