排版标签
1、标题标签（h1-h6）
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
运行结果：
2、段落标签（p）
<body>
<p>这是一个换行标签</p>
<p>换行</p>
</body>
运行结果：
3、强制换行标签（br）
<body>
这是一个换行标签<br>换行
</body>
运行结果：
注意：换行标签和段落标签都可以换行，但是段落标签比换行标签两段文字相隔的距离更大
4、水平线标签（hr）
<body>
这是一个水平线标签<hr>
</body>
运行结果：
文本格式化标签
1、不强调语境（b,u,i,s）
<body>
<b>加粗</b>
<u>下划线</u>
<i>倾斜</i>
<s>删除线</s>
</body>
运行结果：
2、强调语境（strong,ins,em,del）
<body>
<strong>加粗</strong>
<ins>下划线</ins>
<em>倾斜</em>
<del>删除线</del>
</body>
运行结果同上
对于网页设计，语境强度更能引起浏览器的主义，当用户搜索关键词的时候，大概率能搜索到相关的网页
媒体标签
1、图片标签（img）
img标签有两个属性，一个是src，另一个是alt，src描述该图片的地址，alt描述是当图片无法加载出来的时候，描述此图片的信息
图片在与html文件同目录下
直接写图片名称
<body>
<img src="图片.jpg">
</body>
运行结果：
图片在HTML文件同目录的根目录上
写图片文件夹后写图片名称
<body>
<img src="images/图片.jpg">
</body>
运行结果同上
2、音频标签（audio）
audio有四个属性：src，音频的路径；controls，显示播放的控件；autoplay，自动播放（部分浏览器不支持且不建议使用）；loop，循环播放
<body>
<audio src="音频.mp3" controls loop>音乐播放</audio>
</body>
运行结果：
3、视频标签（video）
video有四个属性：src，音频的路径；controls，显示播放的控件；autoplay，自动播放（部分浏览器不支持且不建议使用）；loop，循环播放
<body>
<video src="视频.mp4" controls loop>视频播放</video>
</body>
运行结果：
链接标签
链接标签中有三个属性，href，链接地址；target，是否在原网页上新增网页，若新增网页则是_blank，若覆盖原网页则是_self，即默认值；title，当用户鼠标放入链接中时描述图片内容
1、链接浏览器中的网页如百度（a）
覆盖原网页：
<body>
<a href="https://cocogoat.work/achievement" >椰羊</a>
</body>
不覆盖原网页：
<body>
<a href="https://cocogoat.work/achievement" target="_blank">椰羊</a>
</body>
运行结果：
2、链接到自己写的HTML（a）
链接地址写自己的HTML文件名字即可
<body>
<a href="网页.html">打开网页</a>
</body>
运行结果：
3902
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
