Blogger Information
Blog 14
fans 0
comment 3
visits 17541
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
markdown快捷语法与html语义化标签
余生
Original
679 people have browsed it

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> 文档
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