批改状态:合格
                        老师批语:
                    
                            <!DOCTYPE HTML><!--表示这是一个HTML文本-->
<html><!--网页开始标签-->
<head><!--网页头部开始标签-->
    <title>0810作业</title><!--网站头标签-->
    <meta charset="utf-8"/><!--表示这是一个UTF-8的编码,显示中文-->
    <link rel="stylesheet" type="txext/css" href="html.css"><!--链接外部CSS样式-->
    <link rel="shortcut icon" type="image/x-icon" href="images/bodyfj.jpg"><!--链接网站头标签图片-->
    <style>/*内部样式表开始标签*/
    body{
        padding:auto;
        margin:auto;}/*网页标记选择符,设置外补丁和内补丁设置为自动*/
    a{
        text-decoration: none;
        color: #ff4d61;
    }/*网页标记选择符,所有连接清除下划线,颜色改为红色*/
    #box{width:auto;
        height:300px;
        padding-top:20px;
        background:blue;
    }/*id选择器设置box为宽自动,高300px,背景颜色为蓝色*/
    .bos{width:400px;
        height:400px;
        padding-top:20px;
        text-align: center;
        background-color:#fff71e;
    }/*类选择器class设置bos为宽400px,高400px,内补丁顶部20px,文本居中对齐,背景颜色设置为黄色*/
    </style><!--内部样式表开始标签-->
</head><!--网页头部结束标签-->
<body><!--网页主体显示开始标签-->
<div>
    <div id="box">
        <a href="
http://www.baidu.com
">百度首页</a>
    </div><!--第一个div域使用id选择符box样式的百度首页跳转链接-->
    <div class="bos">
        <a href="
http://www.php.cn">PHP
中文网</a>
    </div><!--第二个div域使用类class选择符bos样式的PHP中文网跳转链接-->
</div>
</body><!--网页主体显示结束标签-->
</html><!--网页结束签-->点击 "运行实例" 按钮查看在线实例
2.实际运行效果

3.手写html代码

4.学习HTML+CSS后总结
本次学习知道了网站表示的连接由来,并加深了对其记忆。在写代码时要规范语句的书写,并加入相关注释以便知道每个代码实现的功能和效果,手写代码有加深新学习的英文,以下再次写一遍加深:styplesheet、shortcut icon、image/x-icon、text-decoration:none;
以上为本次学习结果,请老师查阅,谢谢。
                Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号