在网页开发中，我们需要掌握的常用HTML标签有哪些?
gaoyangw 2024-12-02 17:33 10 浏览 0 评论
如果想开发一个网站，除了要精通后端开发语言（如：php）外，还要精通HTML代码。那么，什么是HTML呢？HTML是一种超文本标记语言，它包含有众多的标签，我们可以通过这些标签，把不同的internet资源（如：文字、图片、视频、音频、表单等等）整合在一个统一的文档中，这就形成了我们可以看得见的网页。那么，HTML都有哪些常用的标签呢？
一、文档类型声明。
html5文档类型声明：<!doctype html>
html4文档类型声明：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
二、html主标签。
这个标签是html最外层的标签，所有其它的HTML标签都要放在这个标签的内部。
<html>
<head></head>
<body></body>
</html>
三、双标签和单标签。
在HTML标签中，有的标签是成双成对的，如：<html></html>（如下图）；而有的标签是单个的，如：<hr>横线标签。
四、head头部标签。
head头部有以下几种常用标签：
meta：主要提供有关页面的元信息。
link：用来定义文档与外部资源的关系，最常用的是调用CSS样式文件。
title：页面标题的标签。
script：用来调用JS文件或JS代码。当然，script标签也可以在body主体中使用。
五、body主体标签。
1、块级标签。
块级标签的特性是：独自占有一行；标签的高与宽、边距可以修改；没有设置宽与高时，默认继承父标签。例如：
<div>div1</div>
<div>div2</div>
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
前端页面显示的效果如下图：
常用的块级标签有：div、h1、h2、h3、h4、h5、h6、hr、menu、ul、ol、li、dl、dt、dd、table、p、form 。
2、内联标签。
内联标签与块级标签不同，它不能独自占有一行，会与其它内联标签在同一样展示；内联标签的高与宽、上下边距是不能修改的，它里面的文字或图片有多高，它就是多高。例如如下代码：
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
<span>span1</span>
<span>span2</span>
CSS样式代码跟块级标签的例子是一样的，而显示的效果就不一样了，宽与高、上下边距没有效果。如下图：
常用的内联标签有：span、a、b、strong、i、em 。
3、内联块级标签。
内联块级标签，既有一些内联标签的特性，也有一些块级标签的特点：它不能独自占有一行，但是可以修改它的宽度和高度。例如下面这段代码：
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
<img src="w5.jpg" alt="">
<img src="w5.jpg" alt="">
CSS样式代码跟块级标签的那个例子仍然是一样的，图片的宽和高、上下边距修改成功，而2个图片不能独自占有一行，而是在同一行。如下图：
常用的内联块级标签有：img、input、textarea。
4、区域标签。
所谓区域标签，就是主要用来划分布局页面区域的。如：头部、主体内容、侧边栏、底部。这样划分的好处是：让页面布局更加清晰明了。
常用的区域标签有：header（头部）、footer（底部）、nav（导航）、aside（侧边栏）、section（主体）、article（独立内容）。
5、表单标签。
这个表单标签我们也是会经常用到的，如：登录网站的时候、提交数据的时候。如下图的评论表单：
?表单常用的标签有：form、input、select、option、textarea 。
以上就是我们开发网页时，会常用到的HTML标签。当然，HTML标签远不止这些，尤其是html5出来后，新增了许多的新标签。但是，有些标签在我们开发中很少用到，所以，这里就没有做相应的介绍。
相关推荐
- 义乌推广营销公司seo，霸屏推广多少?
-
推广营销公司SEO是指通过优化网站内容、结构和关键词，提高网站在搜索引擎中的排名，以吸引更多的潜在客户和流量，从而实现营销目标。...
- 搜索效果差，试试这几个办法
-
搜索质量差，找不到所需内容时，可以尝试以下几种方法：换搜索工具；优化关键词；使用搜索指令；多看一些结果。1、换搜索工具搜索效果差，那就换个搜索工具，看看其它搜索引擎的结果。...
- 铲除网站死链接详细操作指南
-
死链接会危机网站的安全，死链接的存在意味着网站存在毛病。首先要认识HTTP状态码含义：不能访问的链接称为死链接。当我们访问我们网站页面的时候，它会返回一个三位数的信号给我们的浏览器。比如我打电话给你，...
- 想要网站快速地被收录，你试过这些方法了没?
-
做网站优化的，都有一个共同的梦想那就是想要网站可以快速地被搜索引擎收录，而且收录量还要大。然而现实总是残酷的，在现在这搜索引擎算法中不使用作弊的手法情况下，想要网站达到秒收录绝不是网上那些随便说的一些...
- 百度收录URL无标题泛目录站群系统
-
尽量使用满年备案米或者历史备案米，白板备案米需要强引蜘蛛，历史米可以保留主站直接开目录本地先操作（服务器操作也是可以）1：本地先配置关键字，其它不用管，一行一个。2：data/url这个文件夹设置自己...
- 网站快速收录工具大公开!用对方法流量轻松翻倍
-
大家都知道，搜索引擎可是网站流量的关键入口。要是网站的URL不能及时被收录，哪怕内容再好，也很难获得满意的曝光量。不过别担心，147seo新推出了一款超实用的URL批量推送收录工具，而且它支持...
- 利用专题页打造关键词排名绿色通道
-
很多朋友在做SEO的时候，经常会遇到大量长尾词没有排名，针对性的做了大量的工作，但是作用不大，关键词仍旧难以上来，非常纠结。今天悟道SEO跟大家分享一下利用专题页面，为你的大量长尾关键词开通排名绿色通...
- 如何解决关键词排名急剧下降的方法
-
1、搜索引擎自身的原因搜索引擎的算法时常都会有细微的改变，这样或多或少的会影响到网站排名，这种情况有的时候过几天就恢复了，有的一直不会恢复。解决办法：对于这种原因，你先要分析下原因，并且到大型的seo...
- 网站关键词排名:网站排名上不去怎么办?
-
多数企业都知道，网站优化很重要，网站关键词排名也是。咱们都希望站点收录更多更快，但是很多企业网站建成后，只被收录，排名却上不去，一点流量都没有。而且网站关键词排名老是出现较大波动，时高时低，让人琢磨不...
- 郑州企业网站关键词排名最专业的公司
-
网站的关键词排名在当今时代，却受到了人们更高的关注率。因为网站的关键词排名，会直接影响到网站曝光率、点击率和访问量，尤其是企业网站，会直接决定该企业网站的潜在意向客户资源的积累量。现在上网的人几乎都...
- 关键词如何快速排名
-
关键词如何快速排名关键词排名是指在搜索引擎中，某个关键词对应的网页在搜索结果中的位置。在互联网时代，关键词排名对于网站的流量和曝光度至关重要。然而，随着搜索引擎算法的不断升级和优化，关键词排名变得越来...
- 网站关键词排名会被哪些操作影响?
-
相信各位做网站优化的朋友们都知道一件事是，内容为王，很多朋友为了达到这一目的，埋头苦干，但是还是没有排名，这是为什么呢?网站关键词排名会被哪些操作影响?那么，接下来小编就跟大家分享下影响网站关键词...
- 核心关键词排名一夜消失?未被惩罚的网站如何应对幽灵降权!
-
深夜的流量监控面板上，原本稳定的核心关键词排名突然集体下滑。没有警告邮件，GoogleSearchConsole后台也没有任何人工处罚记录——这正是让众多网站管理者困惑的"幽灵更新"...
- SEO关键词优化全攻略，从选词到排名的实战技巧
-
做SEO的小伙伴们肯定都有个头疼的问题：到底怎么优化关键词才最有效呢？别急，当你弄清楚目标关键词和长尾关键词的区别，学会挖掘长尾词之后，就该正式开启关键词优化之旅啦！...
- SE排名与Moz:找到正确的搜索引擎优化工具，用于2025
-
厌倦了搜索引擎优化工具，没有真正帮助你发展？如你计划2025年的战略，找到正确的平台，可以改变一切。两个名字你可能遇到：SE排名与Moz.两者都提供的功能等级跟踪关键的研究，并建立链接，但他们适...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 网站建设 (107)
- 网站开发 (47)
- 网络推广哪个平台好 (47)
- 百度收录 (50)
- 搜索引擎排名优化 (49)
- 关键词优化工具 (51)
- 外贸网站建设 (56)
- seo整站优化吧 (50)
- 广州seo (47)
- 苏州网站建设 (59)
- 百度搜索推广 (61)
- 关键词优化公司 (51)
- 广州网站建设 (48)
- 电商网站建设 (49)
- 百度站长平台 (48)
- 网站模板 (51)
- 厦门网站建设 (52)
- 百度快照推广 (51)
- 免费网页在线客服系统 (53)
- 雷神代刷网站推广 (53)
- 手机网站建设 (53)
- 网站维护 (53)
- 网页制作教程 (66)
- 百度收录批量查询工具 (48)
- 网站服务器 (53)