二、html主标签。
该标签是HTML最外层的标签。所有其他HTML 标签必须放置在该标签内。
html
头/头
身体/身体
/html
三、双标签和单标签。
HTML标签中，有些标签是成对出现的，如：html/html（如下图）；而有些标签是单个的，如：hr横线标签。
四、head头部标签。
头部头部有以下常用标签：
meta：主要提供页面的元信息。
链接：用于定义文档与外部资源之间的关系。最常用的是调用CSS样式文件。
title：页面标题的标签。
script：用于调用JS文件或JS代码。当然，body中也可以使用script标签。
五、body主体标签。
1. 块级标签。
块级标签的特点是：自身占一行；可以修改标签的高度、宽度和边距；当不设置宽度和高度时，默认继承父标签。例如：
divdiv1/div
divdiv2/div
风格
.aa1{ border:1px 实心#000;宽度：150px；高度：100px；边距：30px； }
.aa2{ border:1px 实心#000;宽度：150px；高度：100px；边距：30px； }
/风格
前端页面显示效果如下：
常用的块级标签有：div、h1、h2、h3、h4、h5、h6、hr、menu、ul、ol、li、dl、dt、dd、table、p、form。
2.内嵌标签。
内联标签与块级标签不同。它们不能单独占据一行，并且将与其他内联标签显示在同一页面上。内联标签的高度、宽度以及顶部和底部边距无法修改。它包含多少文本或图像？高，就是这么高。例如，以下代码：
风格
.aa1{ border:1px 实心#000;宽度：150px；高度：100px；边距：30px； }
.aa2{ border:1px 实心#000;宽度：150px；高度：100px；边距：30px； }
/风格
跨度1/跨度
跨度2/跨度
CSS样式代码与块级标签的示例相同，但显示效果不同。宽度和高度、顶部和底部边距没有影响。如下图：
常用的内联标签有：span、a、b、strong、i、em。
3.内联块级标签。
内联块级标签具有内联标签和块级标签的一些特征：它们不能单独占据一行，但它们的宽度和高度可以修改。例如，以下代码：
风格
.aa1{ border:1px 实心#000;宽度：150px；高度：100px；边距：30px； }
.aa2{ border:1px 实心#000;宽度：150px；高度：100px；边距：30px； }
/风格
img src='w5.jpg' alt=''
img src='w5.jpg' alt=''
CSS样式代码仍然与块级标签的示例相同。图片的宽、高、上下边距修改成功，但是两张图片不能单独占一行，而是在同一行。如下图：
常用的内联块级标签有：img、input、textarea。
4.区域标签。
所谓区域标签主要是用来划分布局页面区域的。如：标题、主要内容、侧边栏、底部。这样划分的好处是让页面布局更加清晰。
常用的区域标签包括：页眉、页脚、导航、旁白、部分和文章。
5. 表单标签。
我们也经常使用这个表单标签，比如登录网站、提交数据时。评论表单如下图：
用户评论
标题中的HTML标签真是Web开发的基础啊，掌握这些标签对于前端工程师来说太重要了！尤其是div和span，用起来方便又灵活。
有16位网友表示赞同！
每次看到这个标题都忍不住想重温一下HTML标签的知识，毕竟作为Web开发者的基本功，一定要牢固掌握。
有9位网友表示赞同！
学HTML标签的时候，总是觉得div和span有点分不清，这篇文章让我对它们有了更清晰的认识。
有13位网友表示赞同！
HTML标签是前端开发的基石，掌握这些标签能让我们写出更规范、更易维护的代码。
有19位网友表示赞同！
作为新手，这篇文章让我对常见的HTML标签有了初步的了解，以后做起项目来也会更有信心。
有19位网友表示赞同！
这篇文章让我想起了大学时期学HTML的日子，那时候对标签的掌握还不够扎实，现在看来还有很多需要提高的地方。
有9位网友表示赞同！
Web开发中，掌握这些常见的HTML标签是必不可少的，否则连网页的基本结构都搭建不起来。
有6位网友表示赞同！
看完这篇文章，我对HTML标签有了更深入的理解，也明白了为什么有些标签是块级元素，有些是内联元素。
有17位网友表示赞同！
HTML标签虽然简单，但掌握起来并不容易，这篇文章让我对它们有了新的认识。
有16位网友表示赞同！
作为一名前端开发者，我觉得这篇文章对于我来说非常有帮助，尤其是那些不常用的标签。
有7位网友表示赞同！
这篇文章让我明白了HTML标签的用途和特点，对于我这样的新手来说，真是太及时了。
有9位网友表示赞同！
Web开发中，掌握这些常见的HTML标签是基础中的基础，只有打好这个基础，才能更好地学习其他前端技术。
有18位网友表示赞同！
作为一名Web开发新手，这篇文章让我对HTML标签有了更全面的了解，以后遇到问题也会更有方向。
有14位网友表示赞同！
这篇文章让我意识到，虽然HTML标签看起来简单，但它们的作用却非常强大。
有11位网友表示赞同！
作为一名前端工程师，我深知HTML标签的重要性，这篇文章让我对它们有了更深入的认识。
有16位网友表示赞同！
学Web开发，HTML标签是必学的，这篇文章让我对常见的标签有了更全面的了解。
有15位网友表示赞同！
这篇文章让我对HTML标签有了全新的认识，也让我对前端开发有了更大的兴趣。
有5位网友表示赞同！
作为前端开发人员，这篇文章让我对HTML标签有了更深刻的理解，感谢作者的分享。
有14位网友表示赞同！
这篇文章让我对HTML标签有了新的认识，也让我意识到自己在学习过程中的不足。
有5位网友表示赞同！