HTML的基本介绍与使用（一）
HTML简介
信息来源：HTML的百度百科
HTML的使用
新建HTML
HTML有多个版本，现在我们常用的是HTML5版本，大家也可以根据自己的喜好选择相应的版本。
<!DOCTYPE html>
<html lang="en">
<head>
<!--下面这串代码是设置编码格式-->
<meta charset="UTF-8">
<!--下面是设置标签-->
<title>Title</title>
</head>
<body>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--下面这串代码是设置编码格式-->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!--下面是设置标签-->
<title>Title</title>
</head>
<body>
</body>
</html>
HTML基本标签的使用
head标签下写的是网站资源和信息，而body标签下面写的则是网页显示的内容。
<title>标题</title>
<h1>绥彼岸</h1>
<h2>绥彼岸</h2>
<h3>绥彼岸</h3>
<h4>绥彼岸</h4>
<h5>绥彼岸</h5>
<h6>绥彼岸</h6>
效果如下（网页放大200%）：
<p>段落标签1</p>
<p>段落标签2</p>
效果如下（网页放大200%）：
<i>斜体1</i>
<em>斜体2</em>
效果如下（网页放大200%）：
<b>加粗1</b>
<strong>加粗2</strong>
效果如下（网页放大200%）：
<u>下划线</u>
效果如下（网页放大200%）：
<s>删除线</s>
效果如下（网页放大200%）：
<p>段落标签1</p>
<hr>
<p>段落标签2</p>
效果如下（网页放大200%）：
<p>段落标签1</p>
<br>
<p>段落标签2</p>
效果如下（网页放大200%）：
<a href="https://www.baidu.com">点我百度</a>
效果如下（网页放大200%）：
src：需要显示的图片的路径（一般在项目目录下建立 imgs 文件夹，然后将图片资源放到里面方便调用） alt：图片没有加载成功时显示的提示 title：鼠标悬浮时显示提示信息 width：图片的宽 heigth：图片的高（宽高两个属性只用一个会自动等比缩放）
<!--下面是使用本地图片的代码 src中的是本地地址-->
<img src="./imgs/001.png" alt="图片" title="图片" width="100px" height="100px">
<hr>
<!--下面是使用网页图片的代码 src中的是网页地址-->
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.bagevent.com%2Fresource%2F20180314%2F13550999837508.jpg&refer=http%3A%2F%2Fimg.bagevent.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648232614&t=d92be112606eb212675442a28295f917" alt="图片" title="图片" width="100px" height="100px">
src中的./imgs是找到文件所在的目录（需要先在项目目录下创建才能使用），001.png是所要选择的图片
效果如下（网页放大200%）：
autoplay：自动播放（在某些浏览器不能使用）
controls：显示控件
loop：循环播放
muted：静音
<audio src=".\audio\test.mp3" controls muted autoplay></audio>
效果如下（网页放大200%）：
src中的./audio是找到文件所在的目录（需要先在项目目录下创建才能使用），test.mp3是所要选择的音频
autoplay：自动播放（在某些浏览器不能使用）
controls：显示控件
loop：循环播放
muted：静音（视频设置静音后可以实现自动播放）
<video src=".\video\test.mp4" controls muted autoplay></video>
效果如下（网页放大200%）：
src中的./video是找到文件所在的目录（需要先在项目目录下创建才能使用），test.mp4是所要选择的视频
以上就是本文所有的内容了，谢谢观看，我之后还会写一些与HTML相关的文章，喜欢的可以点个赞+关注。
