这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天
html网页基础框架
1、<! DOCTYPE html> 是文档声明，写在最前面。
2、 根标签，所有代码都要写在根标签里面；一个页面只有一个根标签。
3、头部标签，帮助浏览器编译页面信息，里面的内容不会显示在页面当中。
4、身体标签，显示网页的主题内容，都写在body标签里面的内容在页面中显示。
5、标题标签，是网页的标题，出现在网页的标题栏中。
6、是一个自结束标签/单标签，用于设置头标签信息。
对于charset="utf-8" charset属性；utf-8是属性值.
- html基本代码架构
<!DOCTYPE html><!--文档声明-->
<html><!--根标签-->
<head><!--头部标签-->
<meta charset="UTF-8">
<title>网页标题</title><!--标题标签-->
</head>
<body><!--身体标签-->
我的第一个页面！！！
</body>
</html>
常用标签
1. <p>标签是段落标签，它是一个块元素，会单独在网页中占用一段，文字超过一行自动换行，有默认字体和样式。
2. <h1>到<h6>标签指的是网页中的内容标题，h1到h6字体主键变小
3. <center>标签中的内容会居中显示
4. <hr>在网页中显示一条水平线
5. <br>达到换行效果
6. <span>标签和p标签类似，展示文字，不会自动换行
7. <div>标签通常用于页面布局
8. <del>删除线标签，在网页中实现删除线的效果
9. <img>标签在网页中插入图片
10. <a> 超链接标签，他的内容可以是一个字，一张图片，表格等
- 属性
href：设置超链接跳转的地址
target：超链接打开的方式（_self页内跳转，_black在新页面打开标签）
11. <video>
- 两种方式
// 方式一
<video src="movie/chenai.mp4h"loop="loop"></video>
// 方式二
<video width="320" height="240">
<source src="movie/chenai.mp4"></source>
</video>
- 常用属性
- 在react中的使用
1. 通过`require`引入
<img src={require("./demo.png")} alt="" />
2. 通过import引入变量，并在jsx中使用变量
import demoImg from './demo.png';
<img src={demoImg} alt="" />
此处推荐import导入，因为它会被打包
12. <audio>与<video>类似
