②、HTML 元素学习

news/2024/5/21 14:12:24/文章来源:https://blog.csdn.net/Xiaohong0716/article/details/127276084

HTML 元素


HTML 文档由 HTML 元素定义。


HTML 元素

*开始标签常被称为起始标签(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> 元素:

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

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

<html> 元素:

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

 <html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <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 标签。

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_22330.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Class02

Class02 1.自动类型值转换 隐式类型转换 显式类型转换 隐式类型转换&#xff08;自动类型转换&#xff09; 隐式类型转换是小范围向大范围转换 实际上小范围包含在大范围内 整数类型的默认类型为int 浮点数类型的默认类型为double 显式类型转换&#xff08;强制类型转换&am…

linux 预读机制 (linux4.14)

一、基本概念 设计背景 文件一般是顺序访问的&#xff0c;访问[A, B]范围的数据后&#xff0c;接下来很可能访问[B1, BN]数据。由于访问磁盘、flash等存储器件比较耗时&#xff0c;在访问 [A, B]的时候&#xff0c;如果提前把[B1, BN]数据从存储器件读取到ram中&#xff0c;那…

TTN服务器LoRaWAN网关配置流程

在LoRaWAN物联网网络中&#xff0c;LoRaWAN网关起到了绝对核心的作用&#xff0c;它在整个网络中像是一座桥梁建立起网络服务器与终端节点的通信&#xff0c;下面我们将简单介绍如何使用E890-470LG11网关实现TTN服务器与终端节点的通信。 首先&#xff0c;在LoRaWAN通信中&…

亿佰特LoRaWAN入网TTN并订阅MQTT消息

一、LoRaWAN节点入网 1.注册并登录TTN账号。 2.添加网关。Gateway EUI可自定义。 3.切换到亿百特网关配置网页&#xff08;http://192.168.10.1/&#xff09;,配置网关。 4.切抱TTN网页&#xff0c;创建app&#xff0c;Application ID可任意取&#xff0c;只要不重复就行&…

MSRN(多尺度超分辨率重建)

目前的研究倾向于使用更深层次的卷积神经网络来提高性能。然而&#xff0c;盲目增加网络深度不能有效改善网络。更糟糕的是&#xff0c;随着网络深度的增加&#xff0c;训练过程中出现了更多的问题&#xff0c;需要更多的训练技巧。在本文中&#xff0c;我们提出了一种新颖的多…

TRC丨艾美捷TRC 1-Hexyl-2-phenyl-4说明书

1-Alkyl-2-aryl-4-(1-naphthoyl)pyrroles 作为大丨麻素 CB1 和 CB2 受体的高亲和力配体。 艾美捷TRC 1-Hexyl-2-phenyl-4化学性质&#xff1a; 目录号H297400 化学名称1-Hexyl-2-phenyl-4-(1-naphthoyl)pyrrole JWH-147 同义词JWH-147&#xff1b;(1-己基-5-苯基-1H-吡咯-3-基…

数据库06-Redis 强化

目录 Redis 强化 缓存使用原则 缓存淘汰策略 缓存穿透 缓存击穿 缓存雪崩 Redis持久化 RDB:(Redis Database Backup) AOF(Append Only File): Redis存储原理 Redis集群 Redis 强化 缓存使用原则 什么时候,什么样的数据能够保存在Redis中? 1.数据量不能太大 2.使…

计算机操作系统:输入输出管理知识点汇总(简化版)

说明 博客作为笔记备份&#xff0c;不定时更新参考内容为王道考研《计算机操作系统考研复习指导2023》简化版仅进行了知识点汇总&#xff0c;详细知识点没有记录&#xff0c;主要用来搭知识体系框架思维导图为文字版导出的&#xff0c;可将文字内容粘贴到思维导图软件自动生成…

DDL-操作表查询和创建

DDL-操作表查询以及创建 操作表 1.C(Create):创建语法:create table 表名(列名1 数据类型1,列名2 数据类型2,......列名n 数据类型n);注意:最后一列不需要加逗号 数据类型:int:整数类型age int,double:小数类型score double(5,2)date:日期类型,只包含年月日,yyyy…

二维数组、可变长数组、多维数组、函数调用

1.二维数组名称也可以代表数组里第一个存储区的地址。 例子&#xff1a; 输出结果&#xff1a;二维数组的名称二维数组第一个数的地址 二维数组的名称也不可以被赋值。 二维数组名称也可以进行sizeof计算&#xff0c;结果是二维数组里所有存储区的总大小。 例子&#xff1a;…

Spring源码深度解析:三、Spring之Bean的生命周期

Bean的生命周期 创建的生命周期 UserService---->推断构造---->普通对象----->依赖注入---->初始化前(PostConstruct)----->初始化(InitializingBean)---->初始化后(AOP)---->代理对象-----> 放入Map单例池中---->Bean对象 创建一个modle: spring…

Android 简单控件 - -4.按钮控件 button

系列文章目录 文章目录系列文章目录前言1.按钮控件Button1.1按钮控件的新增属性2. 点击事件和长按事件2.1 点击事件2.2 长按事件3. 禁用与恢复按钮总结前言 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 1.按钮控件Button 按钮控件Button由TextView派…

CPU有缓存一致性协议(MESI),为什么JMM还需要volatile关键字?

这是一个非常好的问题&#xff0c;相信本文能把这个问题讲得清清楚楚 上周我在查阅资料时无意中搜到一篇解释 volatile 用法的博文&#xff0c;这篇博文排得很靠前&#xff0c;不过很遗憾&#xff0c;虽然结论是对的&#xff0c;但分析过程完全错误&#xff0c;而且我发现网上…

网络编程套接字

文章目录一、理解源IP和目的IP二、认识端口号三、理解port端口号和进程ID四、理解IP和port端口号五、理解源端口号和目的端口号六、认识TCP协议七、认识UDP协议八、网络字节序字节处理函数九、socket编程socket的解释socket常见APIsockaddr结构十、UDP套接字通信十一、TCP套接字…

ELK/ELFK日志分析系统部署

一、ELK日志分析系统 ELK是一套完整的日志集中处理解决方案&#xff0c;将Elastic Search、Logstash和Kibana三个开开源工具配置使用&#xff0c;发挥出更强大的用户对日志查询、排序、统计需求&#xff08;还可以加一个filebeat&#xff09;。 1、组成 ①Elasticserach El…

什么是 Linux发行版;什么是包;什么是包管理器

一个朴素的常见的GNU/Linux操作系统发行版&#xff08;如 Ubuntu&#xff09;内容如下&#xff1a; 1. Linux发行版&#xff08;也被称为GNU/Linux发行版&#xff09;&#xff1a; 是一个系统&#xff0c;用户无须编译&#xff0c;安装后即可使用 2. Linux发行版一般集成了 &…

【qstock开源了】数据篇之行情交易数据

qstock简介qstock由“Python金融量化”公众号开发&#xff0c;试图打造成个人量化投研分析开源库&#xff0c;目前包括数据获取&#xff08;data&#xff09;、可视化(plot)、选股(stock)和量化回测&#xff08;backtest&#xff09;四个模块。其中数据模块&#xff08;data&am…

Turbot4机器人入门教程-硬件清单

系列文章目录&#xff1a; Turbot4机器人入门教程-硬件清单 Turbot4机器人入门教程-软件清单 Turbot4机器人入门教程-NoMachine远程控制 Turbot4机器人入门教程-配置网络 Turbot4机器人入门教程-测试键盘 Turbot4机器人入门教程-测试相机 Turbot4机器人入门教程-测试IMU …

贝叶斯网络预测

贝叶斯网络预测 用于贝叶斯分类器的数据集 • 类标记c&#xff1a;playtennisyes&#xff0c;playtennisno, • 需计算P(yes)&#xff0c;P(no) • 还需计算P(strong|yes),P(strong|no),P(high|yes),P(high|no)&#xff0c;P(cool|yes),P(cool|no),P(sunny|yes),P(sunny|no)…

IDEA插件推荐

工具插件 1.IDE Eval Reset 不能多说&#xff0c;福利插件 2.Aixcoder 代码提示 代码纠错 3.MybatisX xml跳转 添加插件后在dao层会多一只戴红色头巾的小鸟&#xff0c;同样在对应xml文件方法前也会对应一直戴蓝色头巾的小鸟&#xff0c;点击即可在dao和xml文件之间跳转…