跳转到内容

HTML 5 编程和网页开发/头部和主体元素

来自维基教科书,开放世界中的开放书籍

HTML 元素

[编辑 | 编辑源代码]

HTML 元素是文档的根元素。文档中的所有其他元素都必须在 HTML 元素内。HTML 元素分为两个主要元素:头部元素和主体元素。

HTML 头部元素

[编辑 | 编辑源代码]

HTML 头部元素用于存储页面上不可见的内容,这些内容包括:

  • HTML 标题元素
  • HTML 元数据元素
  • HTML 链接元素
  • HTML 样式元素

以及更多。

HTML 标题元素

[编辑 | 编辑源代码]

HTML 标题元素用于指定文档的标题。标题元素的语法为:<title>文档标题</title>

HTML 元数据元素

[编辑 | 编辑源代码]

元数据元素是空元素的一个示例,它通常包含两个属性:名称和内容。例如,如果我想在元数据标签中存储以下内容:

Author:WikiGuy

那么我们会编写以下内容:

<meta name="Author" content="WikiGuy"/>

元数据元素还可以包含其他属性,例如 charset 和 http-equiv,我们将在后续学习。

HTML 主体元素

[编辑 | 编辑源代码]

HTML 主体元素用于保存用户可见的所有元素,这些元素包括段落、表格和其他页面内容。

HTML 5 表格和段落

[编辑 | 编辑源代码]

HTML 5 表格可以用在许多方面,最明显的是对数据进行排序。表格在许多网页中出于许多其他不太明显的原因而被使用。

<body>
 <table border="1">
  <tr>
    <td>Name</td>
    <td>Business</td>
  </tr>
  <tr>
  <td>John Doe</td>
  <td>OrgoCo</td>
 </tr>
 <tr>
  <td>Mary Jane</td>
  <td>Simple inc</td>
 </tr>
</table>
</body>

以上是 HTML 5 表格的示例代码,如下所示。

姓名 公司
约翰·多伊 奥尔戈科公司
玛丽·简 简单公司

HTML 5 段落用于以段落形式编写一组句子。输出看起来像任何普通的段落。

其他元素

[编辑 | 编辑源代码]

HTML 5 中使用了许多元素,包括:

  • 超链接
  • 图像
  • 文本框
  • 按钮
  • 跑马灯
  • 跨度
  • 分隔符
  • 部分
  • 画布
  • 视频
  • 音频

注意:即使音频不是视觉元素,也必须包含在主体中。

华夏公益教科书