首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网页制作
HTML/Xhtml
正文
HTML中的标签和元素的区别详解
所属分类:
网页制作
/
HTML/Xhtml
阅读数: 1233
收藏 0
赞 0
分享
相信很多初学网页的朋友都和我一样,搞不明白HTML中元素、标签、属性之间到底是怎么定义的,元素和标签有什么区别。为了彻底弄明白,我特意搜索查阅了一些资料,现将我得出的结论写出来,分享给和我有着同样迷惑的网友们:
很多人可能都没有把哪个叫标签,哪个叫元素这个概念搞清楚,包括之前的我也是,一直都是混淆着。
事实上两者之间的概念还是很清楚的:
比如<p>这就是一个标签;
<p>这里是内容</p>这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;
这里有一个值得注意的例外,即<br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。
1. 元素
:
HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。
2. 标签
:
标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如<table></talbe>、<form></form>。当然还有少部分不是成对出现的,如<br>、<hr>等。
标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。
3. 属性
:
为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。
示例
:
<html> <head> <title>示例标题</title> </head> <body bgcolor="red"> <p>这是示例页面</p> </body> </html> 在这个示例中,<p>这是示例页面</p>就是HTML元素,其中“这是示例页面”就是元素的具体内容了。 <head><title><body>等就是HTML标签,这是标签构成了HTML元素。 <body bgcolor="red">中的bgcolor="red"就是标签的属性,它定义了标签应该如何具体配置。 总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了, 它就是为HTML标签添加各种附加信息或者配置选项的参数。
更多精彩内容
其他人还在看
html超级链接a的click事件之后跳转href所指向的地址
需要使用a这个超级链接,而又不使用href来完成跳转,在执行完了onClick事件后,a又去跳转href所指向的地址了,下面由两种不错的解决方法,希望对大家有所帮助
评论 0
收藏 0
赞 0
分享
html中position的一个小用法使用介绍
想必大家对html中position属性并不陌生吧,使用它可以完成普通标签完成不了的任务,下面有个不错的示例,大家可以参考下
评论 0
收藏 0
赞 0
分享
用按钮触发事件的方式实现背景色的闪烁效果
实现背景色闪烁效果的方法有很多,本文为大家介绍的是用按钮来实现背景色的闪烁,将下面的这段代码加入到body区域中即可
评论 0
收藏 0
赞 0
分享
在HTML中如何隐藏某段文字具体该怎么实现
文字隐藏的方法有很多,在本文为大家介绍下在HTML中如何隐藏某段文字,具体该怎么实现,需要的朋友可以了解下
评论 0
收藏 0
赞 0
分享
通过display或visibility来实现HTML元素的显示与隐藏
需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏,可以通过display或visibility来实现,感兴趣的朋友可以了解下本文
评论 0
收藏 0
赞 0
分享
html table表数据转Json格式示例代码
本文为大家介绍下html table表数据转Json格式,下面有个不错的示例,大家可以参考下
评论 0
收藏 0
赞 0
分享
HTML中当定义多个class属性时无效的解决方法
为class属性定义多个值,经常会发现定义的样式无效,经测试,在定义多个class值的时候,一定要注意,把自己最喜欢的样式放在后面,否则无效
评论 0
收藏 0
赞 0
分享
html form表单提交action和url跳转到actiond的区别介绍
form表单的action 与url跳转是不一样的:form表单可以给后台传递数据,url跳转到action只能通过url的参数来传递数据,不懂的朋友可以参考下
评论 0
收藏 0
赞 0
分享
a标签是否新开一个页面的问题各大网站的打开情况整理
a标签是否新开一个页面的问题,在本文为大家整理了一些各大网站的新页面打开情况,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
如何弹出QQ临时对话框实现不添加好友在线交谈效果
如何不添加好友弹出QQ临时对话框实现在线交谈效果,这样的一个需求,我们真的是太需要了,实现起来也很简单,一行代码即可搞定,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
怎么才能做好移动互联网营销?
什么样的网站赚钱 怎么赚钱?
广告如何投放才最正确有效?我就给你3个建议!
Google AdSense 电汇教程 谷歌联盟国内电汇收款教程(招行)
Papi酱首次直播的八大平台是哪些 打赏90万服不服
冲刺双十一 如何做好淘宝双11期间的推广及运营
站长故事
更多
阿里IPO在即,看阿里与京东战略和经营之比
站长故事 一位“苦逼站长”的心酸 SEO真的如此简单吗?
作为站长的我们到底需要什么?我们又缺少了什么
创业失败:一个屌丝站长4年互联网的辛酸经历
我是怎么赚到人生的第一个百万的
运营网站需要修炼三层内功 很多人都维持在第一层上