HTML_Learning—part-3_<h1>headings must have content and the content mus-优快云博客

HTML Headings：标题

HTML有6等通过重要性分级的的标题，分别是<h1> <h2> <h3> <h4> <h5> <h6>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo1</title>
</head>

<body>
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
</body>
</html>

结果：

Heading

虽然Headings有加粗的效果，但是不建议借助Headings加粗文本。

Horizontal Lines：水平线

<hr/> 创建一条水平线

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo1</title>
</head>

<body>
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <hr/>
    <h6>This is heading 6</h6>
</body>
</html>

结果：

Comments：注解

 注解内容不会在浏览器显示，不过可以描述并帮助理解代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo1</title>
</head>

<body>
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <hr/>
    <h6>This is heading 6</h6>
    <!--Your comment-->
</body>
</html>