html语言里的标签,元素, 属性有什么区别?

html语言里的标签,元素, 属性有什么区别?,第1张

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="#f00">

<div>hhhhhhhhhh</div>

</body>

</html>在这个示例中,<div>这是示例页面</div>就是HTML元素,其中“hhhhhhhhhh”就是元素的具体内容了。<head><title><body>等就是HTML标签,这是标签构成了HTML元素。 <body bgcolor="#f00">中的bgcolor=#f00"就是标签的属性,它定义了标签应该如何具体配置。

总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了, 它就是为HTML标签添加各种附加信息或者配置选就比如说HTML是一个家庭,其中每一个HTML标签都是这个家庭中的成员,他们各有各的工作,例如div、p等;

每一个成员都还有属于他们自己的特征,这个特征的名称(例如:身高,体重,爱好等)就类似于HTML属性width, height,border等;这些特征的具体值(例如:180cm, 50kg, 读书等)就类似HTML属性值100px, 10px,solid #f00。

1、在HTML基础中,单标签就是由一个标签组成的。例如<br>、<hr>、<img>、<input>、<param>、<meta>、<link>。

2、而双标签则是由“开始标签”和“结束标签”两部分构成(这两部分是相同的)。例如<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>(双标签的一部分)。

据了解,HTML标签是HTML语言中最基本的单位,同时HTML标签还是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

扩展资料

HTML基础标签基于特性的分类

在HTML基础中,标签又被称为元素,根据标签特性可以分为块标签、行内(内联)标签和行内块标签。

1、块标签:默认情况下独占一行,宽度为父级的100%;支持设置宽高;支持上下左右的margin、padding值。

2、行内标签:与其他元素并列在一行;不支持设置宽高,宽度随内容撑开;支持左右方向的margin、padding。

3、行内块标签:与其他元素并列在一行;支持设置宽高;支持上下左右的margin、padding值。

https://iknow-pic.cdn.bcebos.com/37d12f2eb9389b50b85555d08835e5dde6116e8e

HTML是一种超文本标记语言,除了基本的html标签,head标签,title标签,body标签格式,还有包含如下常用的标签

块级标签(独占一行)

1.<h>标题标签

2.<p>段落标签

属性:align水平对齐

3.列表标签

无序列表<ul>,<li>

有序列表<ol>,<li>

定义列表<dl>,<dt>

4.<div>盒子

5.<form>标签

行内标签(可多个标签存在一行中)

1.<span>文本标签

2.<a>链接标签

3.<b>标签

4.<em>斜体标签

5.文本修饰标签

<i>斜体标签

行内块标签(可以对宽高属性值生效,多个标签可以共存一行中)

1.img

2.input

3.textarea


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6149136.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存