博主信息
博文 14
粉丝 0
评论 3
访问量 22158
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
markdown快捷语法与html语义化标签
余生
原创
956人浏览过

markdown快捷语法与html语义化标签

提示一切标签均以英文状态下操作

markdow快捷语法

1.标题

‘#’ 为一级标题
‘##’为二级标题

以此类推,想用几级就在文字前输入几个#号即可

2.段落

markdown 直接在文本需要分段的地方输入“—-” ,三个-即可分段。

markdown快捷语法到这为一个段落,实际操作熟练即可。

3.列表

1.有序列表
例:
1.香蕉
2.苹果
3.梨

有序列表直接在文字前加入数字方式以‘1.这是列表1’

2.无序列表

  • 可乐
    • 可口
    • 百事
  • 雪碧

在文字前加入“-”,记得与文字空一格,不然无法正常显示,二级则在一级的基础上空出一个字符。

4.代码块

1.单行代码
https://www.php.cn/

用两个 `` 符号包裹

2.多行代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="style.css">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. </body>
  11. </html>

多行代码显示则用两个 ``` 进行包裹

5.链接

1.只显示文本链接
我的博客

这就是相当于文本链接,方式为 [文本]+(链接)

2.显示文本与链接
我的博客https://www.php.cn/blog/nianqi.html

文本与链接全部显示且均有指向,方式为 [文本]+(链接)+<链接>

3.文本与链接仅有链接指向
我的博客<>

<>符号内为链接

6.图片

tupian

图片为网上的图,图片显示方式为 ![图片描述] (链接 “图片描述”)

7.表格

1 2 3 3 4
2 5 6 7 2
4 4 4 2 5

表格比较生动吧,由 |||| 中间加内容以及||||中间加-组成,中间加- 在第二行进行书写即可。


html语义化标签

序号 标签 语义
1 <h1>-<h6> 标题
2 <header></header> 头部标签
3 <main></main> 主体
4 <nav></nav> 导航
5 <aside></aside> 边栏
6 <section></section> 区块
7 <footer></footer> 页脚
8 <article></article> 文档
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系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+教程免费学