博客列表 >程序员必备基础Markdown与html的开始

程序员必备基础Markdown与html的开始

NY。
NY。原创
2022年03月17日 19:21:57359浏览

Markdown 基础语法


<标题的写法>

  1. # Level1 标题内容
  2. ## Level2 标题内容
  3. ### Level3 标题内容
  4. ------以上是常用的标题------
  5. ------以下是不常用的标题------
  6. #### Level4 标题内容
  7. ##### Level5 标题内容
  8. ###### Level6 标题内容

以下的是上面标题代码的效果

Level1 标题内容

Level2 标题内容

Level3 标题内容

———以上是常用的标题———
———以下是不常用的标题———

Level4 标题内容

Level5 标题内容
Level6 标题内容

<列表>

[有序列表]

  1. 1. Item1
  2. 1. item1-1
  3. 2. item1-2
  4. 3. item1-3
  5. 2. Item2
  6. 3. Item3

代码效果演示

  1. Item1
    1. item1-1
    2. item1-2
    3. item1-3
  2. Item2
  3. Item3

<代码块>

单行代码const id=123456

多行代码使用“```”

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Document</title>
  8. </head>
  9. <body></body>
  10. </html>

<表格>

代码

  1. | ID | NAME | MONEY |
  2. | ----- | ------ | ----- |
  3. | 10000 | JACK | 1000 |
  4. | 10001 | ROES | 2000 |
  5. | 10002 | CAPTON | 3000 |

代码效果
| ID | NAME | MONEY |
| ——- | ——— | ——- |
| 10000 | JACK | 1000 |
| 10001 | ROES | 2000 |
| 10002 | CAPTON | 3000 |


<图片>

代码![图片说明](图片URL)

代码效果演示
php中文网

链接代码<https://www.php.cn>
链接代码效果
php 中文网https://www.php.cn

HTML 基础

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Document</title>
  8. </head>
  9. <body></body>
  10. </html>
序号 名称 描述
1 结构化 像一根倒置的”树”,从根到叶子,具有明显的层次
2 DOM html 结构使用”文档对象模型”来描述(document objet model)
3 元素 html 文档中的元素,如根节点,头部, 主体等,使用<标签>来描述
4 标签 用来描述元素,通常具有一定语义,例如<head>,<body>,也有通用无语义的,如<div><span>
5 属性 描述元素特征或行为,写在标签/起始标签中,如<meta charset="UTF-8">
6 html 文档大小写不敏感的,<BODY><body>完全没有区别,但推荐全部小写,除约定外(UTF-8)
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议