一、HTML框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
二、CSS链接的引入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" href="">
<body>
</body>
</html>
三、图片的引入
将老师的发的HTML文件夹拖入到code软件里面，家庭作业里面的图片进入到code里面，这时保证了图片防止丢失。引入这段代码<img src="" alt="" width="">
width或height 另选一方，另一方自适应，不会使图片变形
src引入图片途径 ./在本目录引入图片路径，如果不在本路径，../跳出本目录到相应目录引入路径。
四、标签的使用
<!Doctype html>
<html>
<head>
<title></title>
</head>
<body>
<!-- 什么都不是，只是一些字符 -->
<!--
html重点是关注它的语义，用标签包裹 -->
<!-- 1、标题标签：h1， h2， h3， h4， h5 ，h6 -->
<!-- 默认样式：字体放大、字体放粗、独占一行了
语义：就是个标题，h1至h6,语义是逐步降低的
h1的语义是最重的，一般情况一个页面只有一个h1
常用的就是h1——h3-->
<!-- 一级标题 -->
<h1>今天天气不错</h1>
<!-- 三级标题 -->
<h3>同学们你们好</h3>
<!-- 五级标题 -->
<h5>好开心啊</h5>
<!--2、段落标签 p-->
<!-- 默认样式：段落与段落之间有空白的间距；独占一行
语义：一个自然段-->
<p>今见徒不受肯就后终知兴整将王目种,和孔办中己么,气已光派忧。</p>
<p>斯不生如张才为,太。</p>
<p>太掉次终,云关原也在,身外大他不人措知。</p>
<!-- 3、强调标签 em 默认样式：有一点斜体 强调语音，语调 strong 默认样式：有加粗的效果
强调内容的重要性-->
<p>
同学们,你们可<em>真帅</em>
</p>
<p>
同学们,你们可<strong>真帅</strong>
</p><hr>
<!-- 4、换行标签 br 自结束标签-->
<center>
<hgroup>
<h1>古诗词</h1>
<h3>杜甫</h3>
</hgroup>
离离原上草,<br>
一岁一枯荣。<br />
野火烧不尽,<br>
春风吹又生。<br />
</center>
<hr>
<!-- 5、分割线 hr 自结束标签 -->
<!-- 6、标题分组标签 hgroup 像个袋子套在一起 有关系-->
<!-- 7、引用标签 -->
<q>学而时习之</q>
<!-- 8、居中标签 -->center
<!-- 9、del 删除标签 -->
<p>
原价: <del>19999元</del><br>
现价:1.9元
<!-- 10、div 没有任何语义的块元素，会独占一行 -->
<!-- 11、span 没有任何语义的行内元素的标签 -->
<span>打扫完后,大家可以拍照发群里,大家一起监督</span>
<!-- 11、实体 .html
什么是实体
浏览器在编译字符时，有一些特殊的字体，例如空格
大于号,小于号等等,被浏览器提前征用-->
<p>今天天气 不错</p>
<p>3<5>4</p>
<!-- 12、版权符号 -->
<p>
©
</p>
<!-- img 标签 直接设高 不设宽 图片自适应 自结束标签-->
<p><img src="./引入图片的路径" alt="对图片的描述" width=" " height=" " /></p>
</p>
</body>
</html>
五、常见的三种链接方式
1.在html的body直接引入
2.在head引入style
3.在本目录下建css文件，在head后引入link，引入css路径
六、点击跳转效果
引入a标签，href引入链接地址。
七、音频、视频
controls 点击播放
loop 引入controls loop 点击循环播放
八、css注意事项
id 在style里面#m{} class 在style里面.m{}