markdown语法
1、标题
一个#是一级标题,一个文档只能有一个一级标题,二个#是二级标题,以此类推,持六级标题。
2、分割线
三个或者三个以上的 - 号
3、列表
3.1有序列表
- html
- css
- php
3.2无序列表
5、代码块
单行代码
<?php include "header.php" ?>
多行代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一课</title>
</head>
<body>
</body>
</html>
6、超链接
只显示锚文本
显示锚文本和链接地址
只显示链接
7、图片
可以添加内部或者外部图片
格式:
8、表格
课程 | 讲师 | 价格 |
---|---|---|
html | peter | 1000 |
表格不支持设置大小、列宽以及行与列的合并等
如有个性化需求,可直接使用<table>
标签
语义化结构元素的种类与用途
语义化的元素有header\nav\aside\main\footer\section等,主要是让用户更好理解元素的作用。
举例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>语义化结构举例</title>
</head>
<body>
<!-- 页眉 -->
<header>
<h1>这是头部<header></h1>
</header>
<!-- 主体区 -->
<div class="container">
<aside>
<h1>这是侧边栏<aside></h1>
</aside>
<main>
<h1>这是主体内容<main></h1>
<section>区块1</section>
<section>区块2</section>
</main>
</div>
<!-- 页脚 -->
<footer>
<h1>这是底部<footer></h1>
</footer>
</body>
</html>