微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

首页 > 博客列表 > markdown基本语法总结及语义化结构

博主信息

博文 5

粉丝 0

访问量 6163

专题推荐

更多>

markdown基本语法

简单总结

1.标题

一个#表示一级标题，##表示二级标题，以此类推

2.列表

有序列表

直接写序号加点，如：

1.上午
2.中午
3.下午

无序列表

前面加- ，如：

编程语言
- php
- python

3.引用

用>表示
此段话为引用

4.代码块

单行代码

用点”`”括起来（ESC下面那个按键），如：

<php echo "大家好" ?>

多行代码

用三个点+语言，如：

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>    
</body>
</html>

<php 
$i=1;
$b=$i;
echo $b;
?>

shell

git init

5.链接

文本用[],文本链接用()，显示链接用<>

只显示链接文本

百度

显示链接和文本

必须加http://或https://，
否则链接显示不出来

百度 http://www.baidu.com

只显示链接
百度 http://www.baidu.com

6.图片

在只显示链接文本前面增加！

7.表格

用||表示表格的一格

时间	星期一	星期二	星期三	星期四	星期五
上午	语文	数学	英语	美术	体育
下午	语文	数学	英语	数学	语文

语义化结构元素

序号	名称	描述	举例
1	块级元素	垂直排列，宽高可自定义，与内容无关	`<div>`,`<p>`
2	行内元素	水平排列，宽高由内容决定	`<span>`,`<em>`
3	行内块元素	水平排列，但宽高可自定义，多用于引用外部资源	`<img>`,`<video>`

常用标签

序号	标签	名称	描述
1	`<h1>-<h6>`	标题	用来划分或标注内容的文本段落
2	`<header>`	页眉	一般由导航，logo、组成
3	`<footer>`	页脚	一般用于友情链接，联系方式，版权等
4	`<nav>`	导航	由多个a标签组织
5	`<main>`	主题	展示页面主题内容，建议一个页面只出现一次
6	`<article>`	文档	充当其他内容的容器
7	`<aside>`	边栏	与主体无关的信息，广告位等
8	`<section>`	区块	文档或主题中的小组件
9	`<div>`	容器	本身无任何意思，通过属性描述用途

使用案例

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <header><span>测试网站标题</span><img src="" /></header>
    <aside>
      <h4>排行榜</h4>
      <ul>
        <li><a href=""> 第一名</a></li>
        <li><a href=""> 第二名</a></li>
        <li><a href=""> 第三名</a></li>
        <li><a href=""> 第四名</a></li>
      </ul>
    </aside>
    <main>
      <article>
        <p>此处为正文内容</p>
      </article>
      <section>
        <div>此处为块级区域</div>
      </section>
    </main>
    <footer>
      <div>
        <p>联系方式：XXXXXXXX</p>
        <p>联系地址：重庆XXXXX</p>
      </div>
    </footer>
  </body>
</html>