无聊才上线 发表于 2017-3-23 13:45
我是第111个订阅的，这数字不错。最近正想简单学一下html，真是想睡觉有人送枕头。
正好我想送枕头，就有人睡觉，好幸福～
nice
交作业
<!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>
我会加油的，刚刚查了查每个单词的意思，好HTML直接，晚上要自己不看参考写一遍
突然就想学习html了{:10_256:}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html的世界</title>
<style type="text/css">
html,body{
height: 100%;
color:#FF3EFF;
}
body{
background: url(bg.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>
新手·ing 发表于 2017-4-2 14:41
突然就想学习html了
人呢{:10_277:}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>zhaijiahui</title>
<style type="text/css">
html,body{
height: 100%;
color: #FF8800;
}
body{
background: url(scenery.jpg) center center;
background-size: cover;
}
</style>
</head>
<body>
<dir id="coooo1">
<p>zhaijiahui</p>
<a href="http://bbs.fishc.com">FishC</a>
</dir>
</body>
</html>
很好很强
本帖最后由 shishunfu 于 2017-4-17 15:17 编辑
a
交作业<!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>
讲的不错！1
本帖最后由 馆长の微笑 于 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>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到HTML世界</title>
<style type="text/css">
html,body{
height: 100%;
color: #FF0088;
}
body{
background: url(123456.jpg) center center;
background-size: cover;
}
</style>
</head>
<body>
<dir id="container">
<h1>我爱鱼C</h1>
<p>WWW.FihsC.com - 让编程改变世界</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</dir>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
<style type="text/css">
html,body{ /*由於CSS具有繼承機制，所以只需要指定htmld height屬性為100%，body將自動繼承其父級屬性。 */
height: 100%;
color: #FF0088
}
body{
background: url(background.jpg) ;
background-size: cover; /*設置背景根據瀏灠器自動進行放大縮小，但沒縮小
*/
}
</style>
</head>
<body>
<div id="container">
<h1>我愛魚C</h1>
<p>www.FihsC.com - 讓編程改變世界</p>
<a href="http://bbs.fishc.com/thread-81160-1-1.html">傳送門</a>
</body>
</html>
小弟使用的黑蘋果1366*768 與 1344 *1008，使用的圖片是1600 * 1200打完後，發現無法自動縮圖
<!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>
我发现可以这么玩{: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
这是图片
第一次交作业
{:5_91:}{:5_99:}
留名學習
继续学习。。。{:10_256:}