收藏
批改状态：合格
老师批语：
<!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号
