HTML 元素


HTML 文档由 HTML 元素定义。


HTML 元素

<phtml 元素指的是从开始标签(start="" tag)到结束标签(end="" tag)的所有代码。

开始标签 * 元素内容 结束标签 *
<p> 这是一个段落 </p>
<a href="default.htm"> 这是一个链接 </a>
<br> 换行

***开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)**。


HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

注释: 您将在本教程的下一章中学习更多有关属性的内容。


嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。

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


HTML 文档实例

<!DOCTYPE html>
<html>

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

</html>

以上实例包含了三个 HTML 元素。


HTML 实例解析

<p> 元素:

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

这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
元素内容是: 这是第一个段落。

“ 元素:

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

` 元素定义了 HTML 文档的主体。 这个元素拥有一个开始标签 以及一个结束标签 `。
元素内容是另一个 HTML 元素(p 元素)。

“ 元素:

<html>

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

</html>

元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 ,以及一个结束标签 .
元素内容是另一个 HTML 元素(body 元素)。


不要忘记结束标签

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

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

以上实例在浏览器中也能正常显示,因为关闭标签是可选的。

但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。


HTML 空元素

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

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

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

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

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


HTML 提示:使用小写标签

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

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

若文章对你有帮助,可以点赞或打赏支持我们。发布者:lyh会员,转载请注明出处:http://61.174.243.28:13541/AY-knowledg-hub/html-%e5%85%83%e7%b4%a0/

(0)
lyhlyh会员认证作者
上一篇 2023年 4月 11日 下午6:54
下一篇 2023年 4月 11日 下午7:09

相关推荐

  • suspend

    文章目录suspend概要主要用途选项返回值例子注意 suspend 挂起shell的执行。 概要 suspend [-f] 主要用途 挂起shell的执行,直到收到SIGCONT…

    入门教程 2024年 3月 11日
  • true

    文章目录true概要主要用途返回值例子注意 true 返回状态为成功。 概要 true 主要用途 用于和其他命令进行逻辑运算。 返回值 返回状态总是成功;返回值为0。 例子 # 当…

    入门教程 2024年 3月 11日
  • domainname

    文章目录domainname补充说明语法选项参数实例 domainname 显示和设置系统的NIS域名 补充说明 domainname命令 用于显示和设置系统的NIS域名。 语法 …

    入门教程 2023年 12月 7日
  • sha256sum

    文章目录sha256sum补充说明语法选项实例 sha256sum 用于计算文件的 SHA-256 哈希值 补充说明 sha256sum命令 是打印或检查 SHA256(256位)…

    入门教程 2024年 3月 4日
  • dpkg-trigger

    文章目录dpkg-trigger补充说明语法选项参数 dpkg-trigger Debian Linux下的软件包触发器 补充说明 dpkg-trigger命令 是Debian L…

    入门教程 2023年 12月 7日
  • hping3

    文章目录hping3补充说明安装选项Hping3功能 防火墙测试端口扫描Idle扫描拒绝服务攻击文件传输木马功能 hping3 测试网络及主机的安全 补充说明 hping 是用于生…

    入门教程 2023年 12月 15日
  • md5sum

    文章目录md5sum补充说明语法选项参数实例 md5sum 计算和校验文件报文摘要的工具程序 补充说明 md5sum命令 采用MD5报文摘要算法(128位)计算和检查文件的校验和。…

    入门教程 2024年 1月 3日
  • patch

    文章目录patch补充说明语法选项参数 patch 为开放源代码软件安装补丁程序 补充说明 patch命令 被用于为开放源代码软件安装补丁程序。让用户利用设置修补文件的方式,修改,…

    入门教程 2024年 3月 1日
  • rm

    文章目录rm补充说明语法选项参数实例 rm 用于删除给定的文件和目录 补充说明 rm 命令 可以删除一个目录中的一个或多个文件或目录,也可以将某个目录及其下属的所有文件及其子目录均…

    入门教程 2024年 3月 4日
  • pico

    文章目录pico补充说明语法选项参数 pico 功能强大全屏幕的文本编辑器 补充说明 pico命令 是功能强大全屏幕的文本编辑器。pico的操作简单,提供了丰富的快捷键。常用的快捷…

    入门教程 2024年 3月 1日
Translate »