2020-09-28作业 第1课
- 掌握课堂上提及的所有markdown语法,并实例演示
- 理解语义化结构元素的种类与用途,并实例演示
1.Markdown语法
-markdown 是轻量级的标记语言
-markdown 是简化的HTML
|序号|元素 |标签|
|—-|—- |—-|
|1 |标题 ｜’#’,’##’,’###’…
|2 |段落 | 行末加2个空格或者行与行空一行
|3 |文本 ｜斜体，加粗
|4 |分隔符| ‘—-’不少于3个
|5 |列表 |有序 1. …,无序 - …
|6 |引用 | > …
|7 |代码 | 单行：` ，多行：```
|8 |链接 | [名称](URL)<>
|9 |图片 | !名称
|10 |表格 | 用｜画表格
（1）用1个#到6个#代表1-6级标题，如下：
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
（2）对应的html标签及段落：
<用 & lt;表示， >使用& gt;表示
<head >
~<h6>
(3) 文本的斜体与加粗
开吉尔，开吉尔
（4）分隔符
(5)列表
-有序
1.预习
2.上课
3.复习
4.提高
-无序列表
- 前端
- html
- css
- javascript
- 后端
- php
- java
- python
(6)引用 >
学好PHP
开发网站
开发小程序
开发软件
（7）代码
-单行代码 使用反引号(在键盘的左上角ESC正下方的~下面的字符)
单行代码<?php include "header.php" ?>
-多行代码 使用3个反引号```,
<!doctype html><html><head></head><body></body></html>
(8)链接
- 只显示链接的文本
开吉尔软件 - 全显示 <>
[开吉尔软件]（http://www.caj9.com）http://www.caj9.com - 只显示链接<>
(9)图片
(10)表格 硬画出来
| id | 品名 | 单位 | 单价 | 数量 | 金额 |
|---|---|---|---|---|---|
| 1 | 软件 | 套 | 2800 | 2 | 5600 |
| 2 | 打印机 | 台 | 1600 | 1 | 1600 |
2.结构化结构元素
（1）语义化结构元素的种类与用途
- H1-H6 标题 突出显示文本
- <header> 页眉 导航，logo等元素
- footer 页脚 版权信息，联系方式等
- nav 导航 1个或者多个<a>标签
- main 主机 页面主体
- article 文档 其它内部的容器
- aside 边栏 与主体无关的信息
- section 区块 通用不组件
- div 容器 通过属性描述对象
（2）实例演示
<html>
<head>
<title></title>
</head>
<body>
<!--网站头部 -->
<header>
<!-- -->
</header>
<!--网站导航 -->
<nav>
</nav>
<!--网站主体 -->
<aside>
</aside>
<main>
<section></section>
<secton></secton>
</main>
<!--网站底部 -->
<footer>
</footer>
</body>
</html>