HTML 标题登陆

HTML 标题

HTML 标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的.<h1> 定义最大的标题。 <h6> 定义最小的标题。

Note:

1. 浏览器会自动地在标题的前后添加空行。

2.请确保将 HTML 标题 标签只用于标题。

不要仅仅是为了生成粗体或大号的文本而使用标题。

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

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>


HTML注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<!--这是注释。注释不会在浏览器中显示。-->
<h3>这是标题</h3>

</body>
</html>

亲自试一试

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。

提示:合理地使用注释可以对未来的代码编辑工作产生帮助。


HTML水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h2>hr 是水平线</h2>
<hr>
<h3>这是标题</h3>
<hr>
<p>这是一段文字<p>
<hr>

</body>
</html>

亲自试一试

提示:使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。

注释:

如果想看看网页是如何实现的,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox/Chrome),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。


下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <!--这是注释!注释不会在浏览器中显示。--> <h2>hr 是水平线</h2> <hr> <h3>这是标题</h3> <hr> <p>这是一段文字<p> <hr> </body> </html>
提交重置代码
章节评论笔记课件
  • 取消回复发送
  • 取消发布笔记发送