Blogger Information
Blog 5
fans 0
comment 0
visits 2968
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
markdown语法和语义化结构元素
lucy
Original
498 people have browsed it

一级标题

标题前加上#表示一级标题

二级标题

标题前加上##表示二级标题

三级标题

标题前加上###表示三级标题

段落

------分隔符表示段落

列表

有序列表:

  1. 上午 11 点开会
  2. 中午 12:00 午休
  3. 下午 16:00 下班
    用数字表示

无序列表:

  • 前端
    • html
    • csss
    • javascript
  • 后端
    • php
    • java
    • python
      -表示无序列表,子列表则在-符号前面加上两个空格

引用

其实我是一个不爱说话的人
直播讲课都是被逼的
不逼自己一下, 根本不知道自己有多优秀

在一段话前面加上>符号表示引用

代码块

单行代码:
<?php include "header.php" ?>
在代码前后都加上`符号表示单行代码
多行代码:

  1. <!DOCTYPE html>
  2. <html>
  3. <head> </head>
  4. <body></body>
  5. </html>
  1. $name = 'admin';
  1. # git初始化
  2. git init
  3. # 提交
  4. git commit -m 20:46

在代码前后都加上```符号表示多行代码,不同的代码在前面一个符号后面写上需要的代码语言

链接

只显示链接文本

百度
语法:[百度](https://www.baidu.com)

全显示

百度https://www.baidu.com
语法:[百度](https://www.baidu.com)<https://www.baidu.com>
只显示链接

https://www.baidu.com
语法:<https://www.baidu.com>

图片

百度
语法:![百度](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png)
小括号中是图片地址链接

表格

id 品名 单价 单位 数量 金额
1 电脑 4500 2 9000
2 手机 3500 1 3500

语法:
| id | 品名 | 单价 | 单位 | 数量 | 金额 |
| —- | —— | —— | —— | —— | —— |
| 1 | 电脑 | 4500 | 台 | 2 | 9000 |
| 2 | 手机 | 3500 | 台 | 1 | 3500 |

表格无法设置大小, 列宽,以及行与列的合并
如果有个性化需求, 可直接使用<table>标签

语义化结构元素

1. 常用标签

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