登录  /  注册
博主信息
博文 7
粉丝 0
评论 0
访问量 4009
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html基础入门:html5文档架构与图文解决方案学习
风残念北的博客
原创
511人浏览过

<!DOCTYPE html>

<!-- 1.根元素,浏览器渲染的起点,入口 -->

<html lang="zh-CN">

<!-- 2.lang为language的意思,是识别语言的标签,zh-CN表示中文 -->

<!-- head部分为头元素,负责浏览器和搜索引擎SEO -->

<head>

    <!-- 编码类型为utf8 -->

    <meta charset="UTF-8">

    <!-- 兼容模式 -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- 负责窗口设置,一般为控制可视化窗口,375px -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- title为页面标题 -->

    <title>html页面理解</title>

</head>

<body>

    <!-- 3.以下为页面主题 -->

    <!-- 3.1布局元素演示 -->

    <h1 class="title">我的第一个网页</h1>

    <p class="passage">我的第一个页面,很激动...</p>

    <!-- 4.图文解决方案(语义化) -->

    <figure>

        <img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt="PHP中文网" height="150px">

        <figcaption>PHP中文网培训</figcaption>

    </figure>

    <!-- 5.图像,链接,列表演示 -->

    <!-- 5.1.图像 -->

    <img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt="">

    <!-- 5.2 链接 -->

    <a href="https://www.php.cn/">PHP中文网</a>

    <!-- 5.3 列表 -->

    <!-- 5.3.1无序列表 -->

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

    </ul>

    <!-- 5.3.2有序列表 -->

    <ol>

        <li>1</li>

        <li>2</li>

        <li>3</li>

    </ol>

    <!-- 5.3.3自定义列表 -->

    <dl>

        <dt>PHP中文网:</dt>

        <dd>www.php.cn</dd>

    </dl>

</body>

<!-- 反斜杠加tag为标签结束语 -->

</html>



批改老师:PHPzPHPz

批改状态:合格

老师批语:代码内容,可以在作业的上方工具栏中选择“代码块”进行高亮显示,这样方便阅读
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学