本文详细介绍了HTML的基本结构和常用标签，包括DOCTYPE声明、标题、段落、换行、水平线、字体样式等。重点讲解了图像标签的src、alt属性，以及链接标签的用法，包括基础链接、图片链接、目标窗口设置、锚链接和邮件链接。通过对HTML标签的掌握，可以创建功能丰富的网页。
Html 1-4
1.html的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
</body>
</html>
（上面的代码为初始代码）
注释:
DOCTYPE声明：告诉浏览器，使用什么规范。
head：标签代表网页头部。
body：标签代表网页主体。
title ：网页标题 。
meta：描述性标签，它用来描述我们的网站的一些信息。
title网页标题是什么呢，我们修改上述初始代码为：
<!--DOCTYPE:告诉浏览器，我们要使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页头部-->
<head>
<meta charset="UTF-8">
<!-- title网页标题 -->
<title>我的第一个网页</title>
</head>
<!--body标签代表网页主体-->
</body>
</html>
我们注意到title标签里面的内容改为了：我的第一个网页。然后运行结果为：
meta的作用：
我们修改代码并在body主体部分加入一些语言如Hello world！，代码如下。
<!--DOCTYPE:告诉浏览器，我们要使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页头部-->
<head>
<!--meta描述性标签，它用来描述我们的网站的一些信息 -->
<!-- meta一般用来做SEO-->
<meta charset="UTF-8">
<meta name="keywords"content="学习">
<meta name="description"content="来这里好好学习">
<!-- title网页标题 -->
<title>我的第一个网页</title>
</head>
<!--body标签代表网页主体-->
<body>
Hello world！
</body>
</html>
2.HTML网页基本标签
1.标题标签
一级标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
</body>
</html>
运行结果 
2.段落标签
如果我们直接把一部分文本放进body主题，如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<!--段落标签-->
冬眠假期刚刚结束
我还有点糊涂
鸟儿在头顶把森林叫醒
春天空气让我很舒服
天上太阳已红扑扑
看起来很模糊
远处山坡有几棵小树
去年冬眠前我没记住
</body>
</html>
上述是吧熊出没一部分歌词放进了body主体，我们看一下运行结果如何。
我们看到歌词没有达到我们的预期结果，而是紧挨着的，非常的不美观，这就需要我们的段落标签了。我们再次修改代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
