最新的Web开发教程

HTML标题


标题是在HTML文档很重要。


HTML标题

标题与所定义的<h1> to <h6>标记。

<h1>定义的最重要的标题。 <h6>定义了至少重要标题。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
试一试»

Note:浏览器会自动添加一些空的空间( a margin )前,每个标题后。


标题很重要

使用仅标题HTML标题。 不要使用标题,使文字BIGbold

搜索引擎使用您的标题索引你的网页的结构和内容。

用户可通过标题来快速浏览你的网页。 用标题来呈现文档结构是很重要的。

h1的标题应该是主标题,其次是h2的标题,则不太重要h3 ,等等。


HTML水平规则

所述<hr>标记创建在HTML页中的水平线。

hr元素可用于单独的内容:

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
试一试»

的HTML <head>

该HTML <head>元素无关与HTML标题。

的HTML <head>元素包含元数据 。 元数据不显示。

的HTML <head>元件放置在之间<html>标记和<body>标记:

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
试一试»

元数据是指关于数据的数据。 HTML元数据是关于 HTML文档数据。


的HTML <title>

的HTML <title>元件是元数据。 它定义了HTML文档的标题。

标题将不会显示在文档中,但可能会显示在浏览器选项卡。


的HTML <meta>

的HTML <meta>元素也是元数据。

它可以被用来定义的字符集,以及有关HTML文档的其他信息。


更多Meta

在有关HTML样式的章节你会发现更多的meta元素:

的HTML <style>元素被用来定义内部CSS样式表。

的HTML <link>元件用于定义外部CSS样式表。


HTML提示 - 如何查看HTML源代码

你见过一个网页,并想知道"Hey! How did they do that?"

为了找到答案,在页面中单击鼠标右键,选择"View Page Source" (在Chrome)或"View Source" (in IE)或在另一个浏览器类似。 这将打开一个包含网页的HTML代码的窗口。


测试自己与练习!

练习1» 练习2» 练习3» 练习4»


HTML标签参考

w3ii”标签参考包含有关这些标记及其属性的更多信息。

您将了解更多有关本教程中的下一个章节HTML标记和属性。

标签 描述
<html> 定义一个HTML文档
<body> 定义文档的身体
<head> 定义文档的头部元素
<h1> to <h6> 定义HTML标题
<hr> 定义一个水平线