HTML中标签、元素、属性的区别 - 技术分享 - 志盟培训
首页技术分享 HTML中标签、元素、属性的区别

HTML中标签、元素、属性的区别

更新时间:2017-05-03      作者:陈老师       阅读:1776

很多初学前端的同学,都对标签和元素两个概念很模糊,甚至有时连属性都混在一起,所以在这里说明一下,以便大家学习的时候能区别开来。

1. 标签:

由尖括号包围的关键词,比如<html>,通常是成对出现的,比如<div>和</div>,标签对中的第一个标签是开始标签,第二个标签是结束标签,还有少部分不是成对出现的,如<br>、<hr>等。

标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。


2. 元素:

HTML元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容,某些 HTML 元素具有空内容

HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。

简而言之:HTML元素就是通过使用HTML标签进行定义的。


3. 属性:

为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义

示例:

      <html>

           <head>

           <title>网页标题</title>

           </head>

                   <body>

                           <p bgcolor="red">普通段落</p>

           </body>

      </html>

在这个例子中:

1)<p>这是示例页面</p>就是HTML元素,“这是示例页面”就是元素的具体内容了。

2)<head>、<title>、<body>等就是HTML标签,这是标签构成了HTML元素。

3)<p bgcolor="red">中的bgcolor="red"就是标签的属性,它定义了p标签的配置参数,也是设置p元素的内容背景颜色是红色。

总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就是为HTML标签添加各种附加信息或者配置选项的参数。

在线报名

志盟科技上海招聘

在线报名 联系我们

志盟科技深圳招聘

在线报名 联系我们

志盟科技北京招聘

在线报名 联系我们
联系我们

咨询热线:

咨询 QQ:517578         

就业学员

  • 就业学员

    姓名:郭凡凡 
    院校:阜阳师范学院
    就职:佳戴
    职位:软件工程师
    月薪:10000

  • 就业学员

    姓名:陈祥龙 
    院校:中北大学
    就职:美囤妈妈
    职位:软件工程师
    月薪:9000

  • 就业学员

    姓名:陈建伟
    院校:南昌航空大学
    就职:SONY
    职位:嵌入式工程师
    月薪:8000

×
×
  • *真实姓名
  • *联系手机
  • *上课地址
  •    QQ号码

温馨提示:请保持手机畅通,咨询老师将为您提供专属的一对一报名服务。

×
  • *真实姓名
  • *联系手机
  • *联系邮箱
  • * QQ号码

温馨提示:请保持手机畅通,咨询老师将为您提供专属的一对一的服务。

本站由 宽敬科技——创新企业的建站运营顾问 提供支持