已有 61 人购买 本主题需向作者支付 5 鱼币 才能浏览 购买主题
交作业
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html的世界</title>
<style type="text/css">
html,body{
height: 100%;
color:#fff;
}
body{
background: url(背景图片.jpg) center center;
background-size: cover;
}
</style>
</head>
<body>
<div id="container">
<h1>我爱鱼C</h1>
<p>bbs.fishC.com - 是你在改变我，谢谢你</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
</body>
</html>
交作业<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到HTML世界</title>
<style type="text/css">
html{ /*由于CSS具有继承机制，所以只需要指定html的height属性为100%,body将自动继承其父级属性。*/
height: 100%;
color: aqua;
}
body{
background: url("background.jpg"); /*设置背景图片*/
background-size: cover; /*设置背景图根据浏览器大小进行相应缩放*/
}
</style>
</head>
<body>
<h1>我爱鱼C</h1>
<p>让编程改变世界!<br/>Change the world by program!</p>
<a href="http://www.fishc.com/" style="text-decoration: none">传送门</a><br/>
<a href="http://bbs.fishc.com/forum.php?mod=collection&action=view&ctid=539"
style="text-decoration: none">HTML5-庖丁解牛</a>
</body>
</html>
本帖最后由 馆长の微笑 于 2017-6-7 20:09 编辑
交作业
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到HTML世界</title>
<style type="text/css"></style>
</head>
<body>
<divid="container">
<h1>我爱鱼C</h1>
<p>WWW.FihsC.com - 继续学习中</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
<style type="text/css">
html,body{
height:100%;
color: #FF0088;
}
body{
background: url(background.jpg) center center;
background-size:cover;
}
</style>
</body>
</html>
我发现可以这么玩{:10_257:}
<!doctype html>
<html>
<head>
<title>感恩鱼C</title>
<meta charset='utf-8'>
<style type='text/css'>
html,body{
heigth: 100%;
color: #00DDDD
}
body{
background: url(练习.jpg);
background-size: cover;
}
</style>
</head>
<body>
<div id='love fishc'>
<h1>我爱鱼C</h1>
<p>bbs.fishc.com - 是你在改变我</p>
</div>
<div id='world change'>
<h2>World was changed by program</h2>
<p>编程改变世界</p>
<a href='C:\Users\Administrator\Desktop\140428hvmxxea12272u9i1.png'>传送门</a>
</div>
</body>
</html>
:\Users\Administrator\Pictures\Saved Pictures\temp.PNG
:\Users\Administrator\Pictures\Saved Pictures\temp1.PNG
交作业！！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎进入HTML的世界</title>
<style type="text/css">
html,body{
height: 100%;
color: #FF0088;
}
body{
background: url(background.jpg) center center ;
background-size: cover;
}
</style>
</head>
<body>
<div id="container">
<h1>我爱学习</h1>
<p>bbs.fishC.com - 人人学编程，让编程改变世界</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
</body>
</html>
交作业<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>物理课本九年级</title>
<style type="text/css">
html{
height: 100%;
color: #5599FF;
}
body{
background: url(background.jpg);
background-size: cover;
background: url(background.jpg) center center;
}
</style>
</head>
<body>
<h1style="text-align:center">
九年级
</h1>
<div id ="unit_13">
<p style="text-align:center">
<ahref="html2.html">
<img border="0" src="physics\the grade nine\13\13-1.jpg" />
</a>
</p>
</div>
<div id ="unit_14">
<p style="text-align:center">
<ahref="html3.html">
<img border="0" src="physics\the grade nine\14\14-16.jpg" />
</a>
</p>
</div>
<div id ="unit_15">
<p style="text-align:center">
<ahref="html4.html">
<img border="0" src="physics\the grade nine\15\15-31.jpg" />
</a>
</p>
</div>
<div id ="unit_16">
<p style="text-align:center">
<ahref="html5.html">
<img border="0" src="physics\the grade nine\16\16-54.jpg" />
</a>
</p>
</div>
<div id ="unit_17">
<p style="text-align:center">
<ahref="html6.html">
<img border="0" src="physics\the grade nine\17\17-73.jpg" />
</a>
</p>
</div>
<div id ="unit_18">
<p style="text-align:center">
<ahref="html7.html">
<img border="0" src="physics\the grade nine\18\18-86.jpg" />
</a>
</p>
</div>
<div id ="unit_19">
<p style="text-align:center">
<ahref="html8.html">
<img border="0" src="physics\the grade nine\19\19-104.jpg" />
</a>
</p>
</div>
<div id ="unit_20">
<p style="text-align:center">
<ahref="html9.html">
<img border="0" src="physics\the grade nine\20\20-118.jpg" />
</a>
</p>
</div>
<div id ="unit_21">
<p style="text-align:center">
<ahref="html10.html">
<img border="0" src="physics\the grade nine\21\21-144.jpg" />
</a>
</p>
</div>
<div id ="unit_22">
<p style="text-align:center">
<ahref="html11.html">
<img border="0" src="physics\the grade nine\22\22-165.jpg" />
</a>
</p>
</div>
</body>
</html>
nice哟
零度非安全 发表于 2017-1-7 15:17
nice哟
谢谢，零度～{:10_303:}
不二如是 发表于 2017-1-7 17:32
谢谢，零度～
做的有点小挫~{:10_272:}
零度非安全 发表于 2017-1-7 17:36
做的有点小挫~
比我做的都好看…
那里小挫{:10_254:}
有没有系列教程CSS3庖丁解牛。
wei_Y 发表于 2017-1-8 20:43
有没有系列教程CSS3庖丁解牛。
{:10_266:}有QSS的～
不二如是 发表于 2017-1-8 20:43
有QSS的～
在哪！！！
wei_Y 发表于 2017-1-8 20:44
在哪！！！
这几个简单使用的～
不二如是 发表于 2017-1-8 20:47
这几个简单使用的～
{:10_266:}没有解牛的。。
wei_Y 发表于 2017-1-8 20:47
没有解牛的。。
牛太大，精力有限，解不动了
留给有缘人解吧{:5_91:}
交作业交作业{:9_237:}
joker11111 发表于 2017-2-8 16:09
交作业交作业
矮马～
joker大兄弟做的太好了！
受益匪浅啊！！
感谢分享！
不错，学习到了，很易懂
之前已经购买过了，隔了几天再来看下，怎么又要重新购买？
没有鱼币怎么办？
字变粉了，图片出不来
{:10_266:}
我是第111个订阅的，这数字不错。最近正想简单学一下html，真是想睡觉有人送枕头。