五、HTML 标题
2024-01-02 16:31:10
????????在 HTML 文档中,标题很重要。
一、HTML 标题
- 标题(Heading)是通过 <h1> - <h6> 标签进行定义的。
- <h1> 定义最大的标题。 <h6> 定义最小的标题。
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
?注释:?浏览器会自动地在标题的前后添加空行。
二、标题很重要
- 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
- 搜索引擎使用标题为您的网页的结构和内容编制索引。
- 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
- 应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
?
三、HTML 水平线
- <hr> 标签在 HTML 页面中创建水平线。
- hr 元素可用于分隔内容。
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
运行结果:
四、HTML 注释
????????可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释写法如下:
<!-- 这是一个注释 -->
注释:?开始括号之后(左边的括号)需要紧跟一个叹号?!?(英文标点符号),结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。
五、HTML 提示 - 如何查看源代码
????????你是否看过一些网页然后惊叹它是如何实现的。
????????如果您想找到其中的奥秘,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。
1、标题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题示例</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
?运行结果:
?2、注释
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注释案例</title>
</head>
<body>
<!--这是一个注释,注释在浏览器中不会显示-->
<p>这是一个段落</p>
</body>
</html>
运行结果:
?
3、 水平线
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>水平线案例</title>
</head>
<body>
<p>hr 标签定义水平线:</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
运行结果:
六、HTML 标签参考手册
????????有关这些标题及其属性的更多信息。
文章来源:https://blog.csdn.net/All_are_vanity/article/details/135342475
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!