HTML标题

标题（Heading）是通过

-

等标签进行定义的。

定义最大的标题。

定义最小的标题。

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

默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

实例解析

<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3>

登录后复制

效果展示

This is a heading

立即学习“前端免费学习笔记（深入）”；

HTML水平线

标签在 HTML 页面中创建水平线，可用于分隔内容。

实例解析

    <p>This is a paragraph</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2246">
                            <img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6be33edbbd983.png" alt="豆包爱学">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2246">豆包爱学</a>
                            <p>豆包旗下AI学习应用</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="豆包爱学">
                                <span>674</span>
                            </div>
                        </div>
                        <a href="/ai/2246" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="豆包爱学">
                        </a>
                    </div>
                    <hr />    <p>This is a paragraph</p>    <hr />    <p>This is a paragraph</p>

登录后复制

效果展示

This is a paragraph

立即学习“前端免费学习笔记（深入）”；

HTML 注释

开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。

浏览器会忽略注释，也不会显示它们。

实例解析

    <html>    <body>    <!--这是一段注释。注释不会在浏览器中显示。-->    <p>这是一段普通的段落。</p>    </body>    </html>

登录后复制

效果展示

这是一段普通的段落。

立即学习“前端免费学习笔记（深入）”；

大家都在看：

html如何设置闪烁_HTML文字/元素闪烁动画实现方法如何在Emacs中配置HTML多窗口编辑的详细步骤 html按钮链接怎么打_html按钮链接如何打详细方法如何通过Geany设置HTML验证插件的详细教程内联CSS怎么应用到HTML_内联CSS应用到HTML的使用方法