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

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

LN :跟着W3School学HTML 003

内容参考自w3school

HTML 教程

HTML元素

  • HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
  • 某些 HTML 元素具有空内容(empty content)。空元素在开始标签中进行关闭(以开始标签的结束而结束)。
  • 实例解析

    开始标签 元素内容 结束标签

    This is a paragraph
    This is a link

    (换行)

    嵌套的 HTML 元素

  • 下面的例子包含三个 HTML 元素。
  • 元素定义了 HTML 文档中的一个段落。元素内容是:This is my first paragraph。

  • 元素定义了 HTML 文档的主体。元素内容是另一个 HTML 元素(p 元素)。
  • 元素定义了整个 HTML 文档。元素内容是另一个 HTML 元素(body 元素)。
  • 不要忘记结束标签。
  • 实例解析

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

        <html>    <body>    <p>This is my first 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>
                        </body>    </html>
    登录后复制

    效果展示


    This is my first paragraph.



    HTML tips

  • 在开始标签中添加斜杠,比如
    ,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。即使
    在所有浏览器中都是有效的,但使用
    其实是更长远的保障
  • 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号