Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML 元素

HTML 元素

原创
作者头像
用户6884826
修改于 2021-07-07 10:04:18
修改于 2021-07-07 10:04:18
1.3K00
代码可运行
举报
运行总次数:0
代码可运行

开始标签 *

元素内容

结束标签 *

<p>

这是一个段落

</p>

<a href="default.htm">

这是一个链接

</a>

<br>

换行

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

注释: 您将在本教程的下一章中学习更多有关属性的内容。 嵌套的 HTML 元素 大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。 HTML 文档由相互嵌套的 HTML 元素构成。 HTML 文档实例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!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 版本中强制使用小写。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
编辑精选文章
换一批
【教程】html+css零基础入门教程(一)
HTML即超文本标记语言 (Hyper Text Markup Language), 是用来描述网页的一种语言。 超文本标记语言的结构包括"头"部分(外语:Head)、和"主体"部分(外语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容。 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页
用户7705674
2021/09/19
9850
【Web前端】剖析HTML 元素
HTML元素是构成HTML文档结构的基本单位,定义了页面上的不同部分和内容。HTML元素可以包含不同类型的内容,如文本、图片、链接、表格等,每种元素都有其特定的用途和语义。通过组合和嵌套不同的HTML元素,可以创建复杂的网页结构和布局。
一条晒干的咸鱼
2024/11/19
2160
【Web前端】剖析HTML 元素
02.HTML元素/属性/标题/段落/文本格式化/链接
02.HTML元素/属性/标题/段落 /文本格式化/链接 HTML 元素 ---- HTML 文档由 HTML 元素定义。 ---- HTML 元素 开始标签 *元素内容结束标签 *<p>这是一个段落</p><a href="default.htm">这是一个链接</a><br> *开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。 ---- HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签
Java帮帮
2018/03/15
4.1K0
02.HTML元素/属性/标题/段落/文本格式化/链接
IT课程 HTML基础 010_元素、属性
HTML 元素可以拥有属性(Attribute),它们提供了有关元素的更多信息,或者定义了元素的某些行为。属性总是在开始标签中定义,常常使用 “属性名=属性值” 的形式出现。例如,链接(a)元素可以使用 href 属性指定链接的目标地址:
zhaoJian.Net
2024/01/09
1660
IT课程 HTML基础 010_元素、属性
1.HTML基础必备知识学习笔记
学习路径 通过前面【全栈之前端前置知识】我们知道,前端开发一般学习路径都是 HTML+CSS+Javascript等
全栈工程师修炼指南
2023/03/19
1.3K0
1.HTML基础必备知识学习笔记
html 上
网页有图片、链接、文字等元素组成,我们后面的任务就是要把这部分网页元素用代码写出来。。。
梨涡浅笑
2020/10/27
1.6K0
html 上
【Web前端】“头”和“段”里有什么?
作为前端开发人员,理解HTML的基本结构及语义是至关重要的。我们将继续深入探讨HTML中的标题(​​<h1>​​到​​<h6>​​标签)和段落(​​<p>​​标签)。
一条晒干的咸鱼
2024/11/19
970
【Web前端】“头”和“段”里有什么?
HTML(初级)笔记
元素 + "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思. + 但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签, + 元素组成:起始标签+元素内容+结束标签
Yuyy
2022/09/19
7250
HTML(初级)笔记
HTML+CSS基础分享!
HTML 段落 可以把 HTML 文档分割为若干段落,段落是通过 <p> 标签定义的。 如下代码: <p>This is a paragraph</p> <p>This is another paragraph</p> 注释:浏览器会自动地在段落的前后添加空行。(<p> 是块级元素) 提示:使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。) 不要忘记结束标签 即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来: 如下代码: <p>This is a paragraph <p>This is another paragraph 上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。 注释:在未来的 HTML 版本中,不允许省略结束标签。 提示:通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。 HTML 折行 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签: <p>This is<br />a para<br />graph with line breaks</p> 注释:<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。 <br> 还是 <br /> 您也许发现 <br> 与 <br /> 很相似。 在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。 即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。 HTML 输出 - 有用的提示 我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。 对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。 如下代码: <p>     春眠不觉晓,       处处闻啼鸟。         夜来风雨声,           花落知多少。 </p>  输出结果: 春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。
用户7705674
2021/09/22
7750
HTML 基础
本文介绍了HTML的基础知识和常见标签,包括<html>、<head>、<body>、<h1>到<h6>、<p>、<ul>、<ol>、<li>、<table>、<tr>、<th>和<td>以及<a>、<img>、<hr>、<br>、<span>和<div>等标签。
静默虚空
2018/01/05
2.5K0
day01_html学习笔记
day01_html学习笔记 ============================================================================= =======
黑泽君
2018/10/11
1.6K0
HTML标记语言学习笔记
本文内容大多粘贴自www.w3school.com.cn/html/index.asp,详情可打开该网站查看,本人仅做简化整理。
Sidchen
2020/08/03
2K0
HTML学习笔记——心动不如行动
----------------------------------------------------------------------
泰斗贤若如
2019/06/18
2.7K0
HTML入门
网络世界已经跟我们息息相关,当我们打开一个网站,首先映入眼帘的就是一个个华丽多彩的网页。这些网页,不仅呈现着基本的内容,还具备优雅的布局和丰富的动态效果,这一切都是如何做到的呢?前端入门课程,为您一层层的揭开网页的面纱。
楠羽
2022/11/18
2.4K0
HTML入门
HTML
HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
py3study
2020/01/16
1.5K0
一、HTML
html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。 ht
酱紫安
2018/04/16
4.5K0
一、HTML
【一起来烧脑】一步学会HTML体系
HTML是用来描述网页的一种语言 叫超文本标记语言 HTML不是一种编程语言,而是一种标记语言 一套标记标签
达达前端
2019/07/19
1.3K0
【一起来烧脑】一步学会HTML体系
HTML元素
注意:一些 HTML 元素没有内容(如 <br> 元素)。这些元素称为空元素。空元素没有结束标签!
玖柒的小窝
2021/09/24
1.4K0
python3 爬虫学习之html标签
在上一篇文章python3 爬虫学习python爬虫库-requests使用方法详细介绍中我们介绍了使用requests的使用方法
python鱼霸霸
2020/04/28
1.3K0
HTML 元素
HTML 元素 开始标签 * 元素内容 结束标签 * <p> 这是一个段落 </p> <a href="default.htm"> 这是一个链接 </a> <br> 换行 HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性
用户8442333
2021/08/21
1.5K0
相关推荐
【教程】html+css零基础入门教程(一)
更多 >
LV.1
这个人很懒,什么都没有留下~
作者相关精选
换一批
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验