markdow语法练习
1.标题的使用
一个文档里只有一个大标题
标题随着#的个数对应和HTML里的h1至h6标签
2.分割线的使用
符号“-”至少三个代表分割线
3.列表
列表分为有序列表和无序列表
3.1有序列表为
1.上班
2.学习
3.写作业
3.2无序列表为
无序列表用“-”符号,使用时记得加一个空格,例如
- 上班
- 上班
- 中班
- 晚班
- 学习
- 听课
- 写学习
- 交作业
- 写作业
- 写作业
- 交作业
- 检查作业
4.引用的使用
在markdown里引用是用“>”代替的
例如:
这是一个引用的段落
5.代码块的使用
markdown的里代码块的使用是通过符号来实现,代码块又分为单行代码块和多行代码块;
例如:
单行代码块:
<html>
多行代码块:
< !DOCTYPE html>
<html>
<head> </head>
<body></body>
</html>
6.链接的使用
括号符号用英文模式下的符号
显示文本又显示链接的使用 <https//www.baidu.com>
只显示链接 <https//www.baidu.com>
7.图片的使用
8.表格
时间 | 学习 | 上班 |
---|---|---|
2020 | 前端 | 上班 |
2020 | 上班 | 上班 |
9.语义化结构元素
序号 | 标签 | 名称 | 描述 |
---|---|---|---|
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='en'>
<head>
<mete charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<tittle>写作业</tittle>
<!--第一次写作业-->
</head>
<body>
<!--页眉-->
<header>
<h1><header<</h1>
</header>
<div class="container">
<!--边栏-->
<saide>
<h1>这是侧边栏</h1>
</saide>
<!--主体-->
<main>
<h1>这是主体</h1>
<div>
<section>
<h1>主体里的一块区域</h1>
</section>
<section>
<h1>这是主体里的第二块区域</h1>
</section>
</div>
</main>
</div>
<!--页脚-->
<footer>
<h1>页脚</h1>
</footer>
</body>
</html>