HTML标题



HTML标题

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

<h1> 定义非常重要的标题。<h6> 定义不太重要的标题。

实例:

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

让我试试

注意: 浏览器自动添加前后边距


标题是非常重要的

搜索引擎标题索引页面的结构和内容

用户浏览你的网页的标题。使用标题来显示文档结构是很重要的。

<h1>标题应该用于主标题,其次是<h2>标题,然后不重要的<h3>,等等。

注意: 使用HTML标题标题只。不要使用标题使文本变大或加粗。


HTML 水平线

<hr>标签用来划分不同的专题,通常显示为一条水平线

<hr>元素通常来在HTML页面中分隔内容,例如:

<h1>这是标题 1</h1>
<p>这是段落.</p>
<hr>

<h2>这是标题 2</h2>
<p>这是段落 </p>
<hr>

<h2>这是标题 2</h2>
<p>这是段落.</p>

让我试试

HTML <head> 元素

<head>元素和HTML标题无关

<head>元素是metadata的一个容器。metadata是关于HTML文档的数据。Metadata不显示。

<head>元素放在<html><body>标签之间,例如:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>编程字典</title>
</head>
<body>

  <p>这个标题里面包含一个元数据.</p>
  <p>元数据是描述HTML文档的数据.</p>

</body>
</html>

让我试试

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


HTML 提示-如何查看HTML源码

如果你看到一个没有见过的网页,想知道“嘿!他们是怎么做到的?”

打开页面,右键单击该网页,并选择“查看网页源”或“查看源”(IE)。这将打开一个窗口包含页面的HTML代码。


HTML标签参考

编程字典的标签参考包含标签及其属性的更多信息。

你将在本教程的后续章节学到更多关于HTML标签和属性。

标签 描述
<html> 定义一个HTML文档的根元素
<body> 定义文档的主体
<head> 所有头部元素的容器(标题,脚本,风格,元信息,等等)
<h1> 到 <h6> 定义HTML标题
<hr> 定义内容的主题变化