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

最新推荐文章于 2024-04-24 09:27:42 发布
最新推荐文章于 2024-04-24 09:27:42 发布
阅读量843 收藏 3
点赞数 1
分类专栏： 前端概念 文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/X585866/article/details/128273422
版权

HTML 标签

标签由<>及里面的内容符号如P组成，<p> 就是一个标签；

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

HTML 元素

元素是由开始标签、结束标签和他们之间的内容一起组成的；如<P>内容。</P>

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:

HTML 元素:

<p>这是一个段落。</p>

HTML 属性

属性是 HTML 元素提供的附加信息。

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name="value"。

  • HTML 属性常用引用属性值

    属性值应该始终被包括在引号内。

    双引号是最常用的，不过使用单引号也没有问题。

例如：<p contenteditable="true">这是一个可编辑段落。</p>，这整句是HTML的一个元素，由标签及内容组成；<p>及</p>是标签；contenteditable="true"是属性，为<p>这是一个可编辑段落。</p> 这个元素提供附加信息，且只放在开始标签的括号内，经常引用内容用" " 或 ' '来表示属性值；

沙尘苞
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
正则表达式替换html元素属性的方法
09-01
下面小编就为大家带来一篇正则表达式替换html元素属性的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
标签和属性构成了HTML元素,HTML中标签、元素、属性的区别
weixin_28715081的博客
06-04 925
很多初学前端的同学，都对标签和元素两个概念很模糊，甚至有时连属性都混在一起，所以在这里说明一下，以便大家学习的时候能区别开来。1. 标签：由尖括号包围的关键词，比如，通常是成对出现的，比如和，标签对中的第一个标签是开始标签，第二个标签是结束标签，还有少部分不是成对出现的，如、等。标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。2. 元素：HTML元素以开始标...
html中的节点、元素、标签的区别
chedannaxieshang的博客
04-09 2401
一、节点Node 1、含义： 节点是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点。例如： html标签、属性、文本、注释、整个文档等都是一个节点。 2、节点的类型 按照大小关系分类如下 文档节点，表示的是整个html 元素节点，表示的是html中的标签 属性节点，表示的是html标签中的属性 文本节点，表示的是html标签中的内容文本 节点最终是要映射成为 js对象，程序员操作这些对象来改变网页属性和方法，不同类型的节点具有不同的属性和方法 二、html元素 HTML文档是由各
HTML中什么是元素，什么是标签，什么是属性
chituyi7386的博客
12-01 3887
　　比如<p>这就是一个标签； 　　<p>这里是内容</p>这就是一个元素，也就是说元素由一个开始的标签和结束的标签组成，用来包含某些内容； 　　这里有一个值得注意的例外，即<br/>本身既是开始标签也是结束标签，但不包含任何内容，所以这只是...
HTML中的标签和元素的区别详解 及当前需要学习的知识点
chujianjuan0247的博客
02-11 302
比如<p>这就是一个标签； <p>这里是内容</p>这就是一个元素，也就是说元素由一个开始的标签和结束的标签组成，用来包含某些内容； 这里有一个值得注意的例外，即<br/>本身既是开始标签也是结束标签，但不包含任何内容，所以这只是个标签。 ...
HTML 中的节点、元素、标签、标记的区别
liaowenxiong的博客
07-29 8048
节点 Node 节点是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点 例如： html标签、属性、文本、注释、整个文档等都是一个节点 节点的类型 节点是有类型的，不同节点的类型不同，按照大小关系分类如下 文档节点 表示的是 整个html 元素节点 表示的是 html 中的 标签 属性节点 表示的是 html标签 中的 属性 文本节点 表示的是 html标签 中的内容 文本 节点最终是要映射成为 js 对象，程序员操作这些对象来改变网页 属性和方法 不同的节点具有不同的属性和方法
HTML中元素和标签有什么区别？
官方推荐
08-03 6748
HTML中元素和标签有什么区别？HTML元素是什么？HTML标签是什么？
浅谈元素、标签和属性的区别
学会享受寂静
12-16 4259
做完新闻系统，看完孙鑫老师的HTML视频讲解，还是对元素、标签和属性之间区别有些模糊。           1、元素：                   一对（或一个）标签包含的范围：其实可以理解为元素为一个容器，而这容器里面包含了标签。                  这里的一对标签：   就是开始和结束标签。                  范围：就是从开始标签到结束标签  下面
HTML中标签和元素的区别
奋斗的程序胖的博客
05-06 1387
HTML中标签和元素的区别 在学习html过程中经常出现，标签和元素这两个词，经常不留意就混淆，那么这两者到底有何区别，我们来看下他们的概念 1.标签 由尖括号包围的关键词，比如 <html> 通常是成对出现的，比如<div> 和 </div> 标签对中的第一个标签是开始标签，第二个标签是结束标签； 开始和结束标签也被称为开放标签和闭合标签。 也有单独呈现的标...
标签、元素、属性、样式的关系与区别
热门推荐
pleasecallme_522的博客
08-01 1万+
虽然已经开始进入JS的学习，可是回头突然想到html-css里原来一度迷惑我的标签、元素、属性和样式，觉得也是时候总结一下它们的概念和关系了。 1.标签和元素： 比如，<p>这就是一个标签； <p>这里是内容</p>这就是一个元素。也就是说元素由一个开始的标签和结束的标签组成，用来包含某些内容； 注：单标签是个例外。例如<br/>本身既是开始标签也是结束标签，但不包含任何内容，所以这只是个标
HTML标签和元素的区别
gao_zhennan的博客
03-26 761
一 概念 标签：形如<p>，由一对尖括号和表示标签含义的“关键字”构成。 元素：形如<p>一些内容</p>，由开始标签、结束标签一起标签中包含的内容构成。 二 相关概念的补充 元素中的标签一般是成对出现的，如<p></p>，<p>称为开始标签，</p>称为结束标签。 元素中的标签也可以单独存在，例如<br/>, ...
HTML中的标签和元素的区别详解
12-14
相信很多初学网页的朋友都和我一样，搞不明白HTML中元素、标签、属性之间到底是怎么定义的，元素和标签有什么区别。为了彻底弄明白，我特意搜索查阅了一些资料，现将我得出的结论写出来，分享给和我有着同样迷惑的...
html和css部分标签属性用法
05-25
自己整理的部分HTML的元素属性用法和一些css样式
js无法获取到html标签的属性的解决方法
01-19
没有写标签的属性，javascript是无法获取到的，谨记，只有给标签写了属性才有，例如比如你要获取某个div的id，但是你没有明确加上是没有这个属性的 之前我就纳闷了，visibility为什么可以实现div的隐藏和显示而...
用js动态添加html元素,以及属性的简单实例
12-10
用js动态添加html元素,以及属性的简单实例 function test(){ //创建节点 var lswt_2=document.createElement("div"); //设置节点id lswt_2.id='lswtColse'; //设置节点属性 lswt_2.style.width='11px'; lswt_2....
Web前端开发之HTML_3
zx1026409886的博客
04-23 988
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
用html写一个旋转菜单
最新发布
liulang68的博客
04-24 887
【代码】用html写一个旋转菜单。
用html画一个四叶草
liulang68的博客
04-20 1583
以上是部分代码，需要请看主页加联系方式。
CSS中的圆角和阴影
小何代码咖啡馆
04-21 1007
在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（可选值）将外（盒子的背面）阴影改为内（盒子之上）阴影。CSS3 中新增了盒子阴影，可以使用。属性为盒子添加阴影。（可选值）阴影模糊程度。（可选值）阴影模糊程度。
html各标签分别有什么属性
07-22
HTML中的各标签有不同的属性，下面是一些常见的标签及其属性： 1. `<a>` 标签用于创建超链接，常用属性有： - `href`：指定链接目标地址。 - `target`：指定链接在何处打开，比如 `_blank` 在新窗口打开。 2. `<img>` 标签用于插入图像，常用属性有： - `src`：指定图像文件的URL。 - `alt`：指定图像的替代文本。 3. `<div>` 标签用于定义文档中的分区或节，通常用于布局，没有特定的属性。 4. `<p>` 标签用于定义段落，没有特定的属性。 5. `<ul>` 和 `<ol>` 标签分别用于定义无序列表和有序列表，常用属性有： - `type`：指定有序列表的类型，比如 `1`（阿拉伯数字）、`A`（大写字母）等。 - `start`：指定有序列表的起始值。 6. `<li>` 标签用于定义列表项，没有特定的属性。 7. `<table>` 标签用于创建表格，常用属性有： - `border`：指定表格边框的宽度。 - `width`：指定表格宽度。 - `cellspacing`：指定单元格之间的间距。 这只是一小部分常见标签的属性，HTML还有许多其他标签和属性可以使用。请注意，不同的标签可能具有不同的属性，具体可以参考HTML相关的文档或教程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值