博客列表 >markdown快捷语法与html语义化标签

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

余生
余生原创
2020年09月29日 20:19:01680浏览

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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议