在html中,什么叫做元素

在html中,什么叫做元素,第1张

在html中,什么叫做元素解释:

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元素的开始标签中进行定义。 

4、示例: 

<html><head><title>示例标题</title></head><body bgcolor="red"><p>这是示例页面</p></body></html>在这个示例中,<p>这是示例页面</p>就是HTML元素,其中“这是示例页面”就是元素的具体内容了。

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

<body bgcolor="red">中的bgcolor="red"就是标签的属性,它定义了标签应该如何具体配置。 总之,元素和标签的区别也不必太在意,实际工作中都直接以标签统称

一、HTML 元素

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容(empty content)

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素构成。

<!doctype html><html><body><p>这是第一段</p></body></html>

不要忘记结束标签

即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML.

HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br>就是没有关闭标签的空元素(<br>标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br>在所有浏览器中都是有效的,但使用 <br />其实是更长远的保障。

HTML 提示:使用小写标签

HTML 标签对大小写不敏感:<P>等同于 <p>。许多网站都使用大写的 HTML 标签。

W3CSchool 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

二、HTML 属性

HTML 元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签

属性总是以名称/值对的形式出现,比如:name="value"。

表示网页的标题

h1~h6共规定了6个等级的标题

h1标签有利于SEO优化、但是一个网页最多只有一个,太多会导致搜索引擎以为你是作弊、把你排除在外

p元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进,它是块级元素。

strong元素,表示文本十分重要,一般用粗体显示。

 strong是一个逻辑状态,它不仅是加粗,还有表示重要信息的。

bold是一个物理状态,只是表示加粗,没有别的意义。

span元素主要作用是对普通文本进行归类

默认情况下和普通文本没有什么区别

用于区分特殊文本和普通文本,比如用来显示一些关键字

一般是做为其他元素的父元素,将其他元素包住,代表一个整体

用于把网页分割成多个独立的部分

属性:

1.src属性(source)可以链接远程图片地址、本地图片地址(路径)

绝对定位

特点:从根目录开始找

缺点:一旦文件路径发生改变,就会找不到

相对定位

规则:. 表示当前目录    .. 表示上一层目录绝对定位

特点:从根目录开始找

缺点:一旦文件路径发生改变,就会找不到

web常用图片格式

png(静态图片、支持透明)、jpg(静态图片、不支持透明)、jpeg(静态图片、不支持透明)、gif(静态图片、支持透明)、webp

alt属性:当图片失效(加载失败)时显示文本

单标签

参考:MDN( https://developer.mozilla.org/zh-CN )


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

原文地址: http://outofmemory.cn/zaji/7040398.html

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

发表评论

登录后才能评论

评论列表(0条)

保存