博主信息
博文 5
粉丝 0
评论 0
访问量 4226
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
markdown语法和语义化结构元素
lucy
原创
756人浏览过

一级标题

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

二级标题

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

三级标题

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

段落

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

列表

有序列表:

  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> 容器 本身无任何语义,通过它的属性来描述用途
批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:markdown熟悉之后, 写文档超快的
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学