博客列表 >makdwon基础

makdwon基础

杨向贤
杨向贤原创
2020年10月09日 17:26:431566浏览

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>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议