HTML 元素

2017-08-30
摘抄自W3school-HTML元素
希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自己额外的收获。

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 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。


HTML 提示:使用小写标签

HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写

小感想
大多数 HTML 元素可拥有属性——大概就是这个特性让我沉浸在用样式控制网页所有元素的表现而几乎忘掉了还有基本标签这回事!

小技巧
如何在markdown模式中插入HTML标签而不被识别

  1. 切换输入法为英文状态
  2. 键盘左上角esc下边的那个键输入<标签> 把标签包括进去。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 现在我们来学习HTML元素。HTML 文档是由HTML元素定义的。 什么是HTML元素 HTML元素指的是从开始标...
    yuwei66阅读 249评论 0 2
  • HTML 文档是由 HTML 元素定义的。 HTML 元素 HTML元素 指的是从开始标签(start tag)到...
    SunnyLeong阅读 265评论 3 17
  • HTML 文档由 HTML 元素定义。 HTML 元素 开始标签常被称为起始标签(opening tag),结束标...
    瀚苑小黄猫阅读 291评论 0 1
  • 前端现在越来越火,可以用去年热门的词语来形容——“风口上的猪”。希望这个系列的文集能够给“毫无任何基础,但是想转到...
    webCoder阅读 3,112评论 10 62
  • 梅儿宝贝: 十八年前今天的早上7点58分,你哇哇堕地,从此,这个世界上多了个生命。十八年来,作为父亲,我一向是只知...
    木易yyH阅读 2,292评论 0 3