LN :跟着W3School学HTML 005_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:16:59
原创
1331人浏览过

LN :跟着W3School学HTML 005

内容参考自w3school

HTML 教程

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

    This is a heading


    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



    This is a paragraph



    This is a paragraph

    立即学习前端免费学习笔记(深入)”;

    HTML 注释

  • 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。
  • 浏览器会忽略注释,也不会显示它们。
  • 实例解析

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

    效果展示



    这是一段普通的段落。



    立即学习前端免费学习笔记(深入)”;

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载
    来源:php中文网
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    开源免费商场系统广告
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号