HTML 标题

更新时间:2021-11-11 10:17

HTML共设有六级标题,h1为一级标题,h2为二级标题,h3为三级标题,h4为四级标题,h5为五级标题,h6为六级标题,字体尺寸逐级变小,标题重要程度逐级递减。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>95知识库(995w.com)</title>
</head>
<body>

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

</body>
</html>

尝试一下>>



标题很重要

搜索引擎使用标题来索引网页的结构和内容。 用户按标题浏览页面。使用标题显示文档结构很重要。 <h1>标题应该用于主标题,其次是<h2>标题,然后不太重要 <h3>,依此类推。注意:只使用h元素来做标题效果,不要用它来做使文字变大或变粗的操作。


更大的标题

h标签都有一个默认的字体大小,你可以用style属性来改变这种默认行为。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>95知识库(995w.com)</title>

</head>
<body>

<h1>欢迎来到95知识库(995w.com)</h1>
<h1 style="font-size:60px;" >欢迎来到95知识库(995w.com)</h1>

</body>
</html>

尝试一下>>



HTML水平分割线

<hr>用于水平分割文章内容。 例如:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>95知识库(995w.com)</title>
</head>

<body>

<h1>这是标题一</h1>
<p>这是一些段落内容</p>
<hr>
<h1>这是标题二</h1>
<p>这是一些段落内容</p>
<hr>

</body>
</html>

尝试一下>>



HTML 注释

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>95知识库(995w.com)</title>
</head>
<body>

<!--这是一个注释,注释在浏览器中不会显示-->

<p>这是一个段落</p>

</body>
</html>

尝试一下>>



HTML<head>元素

head元素中会加载一些HTML元数据。 不会在浏览器中展示给用户。 通常位于跟标签之间。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>95知识库(995w.com)</title>
</head>
<head>
    <title>欢迎来到95知识库(995w.com)</title>
    <meta charset="UTF-8">
</head>
<body>
<p>欢迎来到95知识库(995w.com)</p>
</body>
</html>

尝试一下>>