大一学生，比较喜欢前端，分享学习过程，希望与大家共勉，从今日起两天更新一次。（全部本人手打原创）
标题标签：
场景：在新闻和文章的页面中，都离不开不标题，用来突出显示文章主题
代码：h系列标签
如图：
语义：1~6级标题，重要程度依次递减
特点：1：文字都有加粗 2：文字都有变大，并且从h1~h6依次递减 3：独占一行
运行结果：
段落标签：
场景：在新闻和文章的页面中。用于分段显示
代码：<p>这是一段文字<p>
语义：段落
特点：独占一行
换行标签：
场景：让文字强制换行显示
代码：<br>
运行结果：
其中hr为分割线
文本格式化标签介绍：
场景:需要让字体加粗，下划线，倾斜，删除线等效果
代码：加粗标签：b strong 下划线：u ins 倾斜：i em 删除线：s del
运行结果：
注意（后者都比前者强烈）
图片标签：
场景:在网页中显示图片
代码：<img src=" " alt="">
运行结果：
src是属性名，后跟属性值（文件路径），下面会讲，别急。（属性名和属性值之间有空格隔开）title后面的文字鼠标悬停上去会显示
绝对路径这里就不介绍了，开发用的少，基本不用，这里说说相对路径（常用）
相对路径：分为两种：1：当前的html文件 2：要找到的图片
分类：1：同级目录 2：下级目录 3：上级目录
二、相对路径使用的特殊符号
以下为建立路径所使用的几个特殊符号，及其所代表的意义。
"./"：代表目前所在的目录。
"../"：代表上一层目录。
以"/"开头：代表根目录。
根目录下有Site1和Image/Image.jpg，Site1下有Page1.html文件和Site2文件夹。Site2下有Page2.html和Page2Image.jpg图片文件。
1、文件在当前目录
Page2.html访问Page2Image.jpg
< img src=”./Page2Image.jpg”>或者< img src=”Page2Image. jpg”>
2、文件在上一层目录
Page1.html访问Image下的Image.jpg
< img src=”../Image/Image.jpg”>
Page2.html访问Image下的Image.jpg
< img src=”../../Image/Image.jpg”>
3、文件在下一层目录
Page1.html访问Site2文件夹下的Page2Image.jpg
< img src=” ./Site2/Image.jpg”>< img src=” Site2/Image.jpg”
音频标签：
代码：<audio src="" controls><audio>
运行结果;
常见属性：controls:显示播放控件 autoplay:自动播放（大部分浏览器不支持使用） loop：循环播放
注意：音频目前仅支持格式：MP3,Wav，Ogg
视频标签：
代码：<video src="" controls><video>
用法和audio标签雷同
今天就到这里，睡觉了各位，最难不过坚持，加油！！（明天发项目）
