HTML 标题

标题

1号标题

2号标题

3号标题

4号标题

5号标题
6号标题
运行 »

HTML标题

标题使用<h1><h6>标签定义。

<h1>定义了最重要的标题。 <h6>定义稍微不那么重要的标题。

实例

<h1>1号标题</h1>
<h2>2号标题</h2>
<h3>3号标题</h3>
<h4>4号标题</h4>
<h5>5号标题</h5>
<h6>6号标题</h6>
运行 »

注意:浏览器会在标题前后自动添加一些空格(边距)。


标题很重要!(涉及到SEO)

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

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

<h1>标题应该用于主标题(最重要的),然后是 <h2>标题(次重要的),然后是不太重要的 <h3> ,依此类推到h6。

注意:由于 h1-h6 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。


更大的标题

h1-h6标题都有一个默认大小。但是您可以使用CSS给标签添加行内样式 style然后设置 font-size字体大小来实现更大的字体 :

实例

<h1 style="font-size:60px;"> 1号标题 </h1>
运行 »

HTML水平线

<hr>标签定义HTML页面中的主题中断,并且通常显示为水平线。

<hr>元素用于分隔HTML页面中的内容,使用该元素产生的水平线可以在视觉上将文档分隔成各个部分:

实例

<h1>这是标题 1</h1>
<p>这是一段文字.</p>
<hr>
<h2>这是标题 2</h2>
<p>这是另一段文字.</p>
<hr>
运行 »


HTML <head>元素

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

<head>元素是元数据的容器。 HTML元数据是有关HTML文档的数据。不显示元数据。

<head>元素放在<html>标签和<body>标签之间:

实例

<!DOCTYPE html>
<html>

<head>
  <title>UIHTML-网页标题</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
运行 »

注意:元数据通常定义文档标题,字符集,样式,链接,脚本和其他元信息。


如何查看HTML源代码?

你有没有看过一些网页,并想知道“嘿!他们是怎么实现的?”

查看HTML源代码:

在HTML页面中单击鼠标右键,然后选择“查看页面源”(在Chrome中)或“查看源”(在IE中)或其他浏览器中的类似内容。这将打开一个包含页面HTML源代码的窗口。

检查HTML元素:

右键单击元素(或空白区域),然后选择“检查”或“检查元素”以查看由哪些元素组成(您将看到HTML和CSS)。您还可以在打开的“元素”或“样式”面板中即时编辑HTML或CSS。


HTML标签参考

UIHTML的标签参考手册提供了有关这些标题及其属性的更多信息。

您将在本教程的下一章中了解有关HTML标签和属性的更多信息。

Tag Description
<html> 定义 HTML 文档
<body> 定义文档的正文
<head> 所有头元素的容器(标题,脚本,样式,元信息等)
<h1> - <h6> 定义HTML标题
<hr> 定义水平线