当前位置: 移动技术网 > IT编程>网页制作>CSS > HTML元素

HTML元素

2018年11月08日  | 移动技术网IT编程  | 我要评论

html 文档是由 html 元素定义的。

html 元素

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

开始标签元素内容结束标签
<p> this is a paragraph </p>
<a href="default.htm" > this is a link </a>
<br />    

注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。

html 元素语法

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

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

嵌套的 html 元素

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

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

html 文档实例

<html>

<body>
<p>this is my first paragraph.</p>
</body>

</html>

上面的例子包含三个 html 元素。

html 实例解释

<p> 元素:

<p>this is my first paragraph.</p>

这个 <p> 元素定义了 html 文档中的一个段落。

这个元素拥有一个开始标签 <p>,以及一个结束标签 </p>。

元素内容是:this is my first paragraph。

<body> 元素:

<body>
<p>this is my first paragraph.</p>
</body>

<body> 元素定义了 html 文档的主体。

这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。

元素内容是另一个 html 元素(p 元素)。

<html> 元素:

<html>

<body>
<p>this is my first paragraph.</p>
</body>

</html>

<html> 元素定义了整个 html 文档。

这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>。

元素内容是另一个 html 元素(body 元素)。

不要忘记结束标签

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

<p>this is a paragraph
<p>this is a paragraph

上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

注释:未来的 html 版本不允许省略结束标签。

空的 html 元素

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

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

在 xhtml、xml 以及未来版本的 html 中,所有元素都必须被关闭。

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

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

html 提示:使用小写标签

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

因为万维网联盟(w3c)在 html 4 中推荐使用小写,而在未来 (x)html 版本中强制使用小写。

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网