0 0 0 4 - 页面美化，添加高清背景！

浩一234 · 发表于 2017-7-30 13:37:34

好好学习，天天向上

xl7613 · 发表于 2017-8-1 08:44:59

学习学习

xl7613 · 发表于 2017-8-1 21:14:43

谢谢楼主6666

浩一234 · 发表于 2017-8-3 13:26:32

厉害了，我的哥

zero_阿松 · 发表于 2017-9-26 09:14:06

lyzklkl 发表于 2017-3-31 10:55
交作业

懂你

sliwu · 发表于 2017-11-29 19:13:56

好贵啊，但是为了学习还是要买

曦露 · 发表于 2017-12-11 19:07:43

交作业！！！！
<!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>

易改乌江水 · 发表于 2018-1-20 21:23:34

交作业

<!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>
                <h1  style="text-align:center"> 
                九年级
                </h1>
                <div id ="unit_13">
                        <p style="text-align:center">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="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">
                                <a  href="html11.html">
                                        <img border="0" src="physics\the grade nine\22\22-165.jpg" />
                                </a>
                        </p>
                </div>
        </body>
</html>

ttyhtg · 发表于 2018-1-31 22:06:03

我来了，有两个问题：
0、关于引号问题，由于用双引号需要同时按下shift键，而使用单引号并不影响效果，而我又懒，但是我发现包括你在内很多人偏向于使用双引号，我就想问问，以后会不会随着代码量的增加，使用单引号会带来什么弊端或者不方便的地方？
1、关于空格键和TAB键，你说要从一而终，那么我在行首使用tab，行中使用空格，这是不是不受影响的？毕竟在行中使用空格方便，而在行首空格太不明显了，只能用tab。
最后是我的作业：

<!copytype html>
<html>
<head>
<meta charset="uft-8">
<title>0004 页面美化，添加高清背景</title>
<style type="text/css">
        html,body{
                height:100%;
                color: #FF0088;
        }
        body {
                background:url(background.jpg) center center;
                background-size:cover;
        }
</style>
<body>
</head>
        <div id="container">
        <h1>我爱鱼C<h1>
        <p>www.FishC.com-让编程改变世界</p>
        <a href="">传送门</a>
        </div>
</body>
</html>

夕颜梦雨 · 发表于 2018-3-7 20:04:29

本帖最后由夕颜梦雨于 2018-3-7 20:08 编辑

交作业

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html世界</title>
<style type="text/css">
html,body{
height: 100%;
color: #FF0088;
}
body{
background: url(0004素材.jpg) center center;
background-size: cover;
}
</style>
</head>
<body>
<div>
<h1>I love fishc.com</h1>
<p>www.fishc.com-让编程改变世界</p>
<a href="#">鱼C传送门</a>
</div>
</body>
</html>
QQ图片20180307200928.png

likesunshine · 发表于 2018-3-8 15:49:24

本帖最后由 likesunshine 于 2018-3-8 15:51 编辑

现在交作业，还有鱼丸吗

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到HTML世界</title>
<style type="text/css"></style>
</head>
<style type="text/css">
body{
background: url(background.jpg);
background-size:cover;
}
</style>
<body>
<div id="container">
<h1>我爱鱼C</h1>
<p>WWW.FishC.com - 继续学习</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
</body>
</html>

mhb789456 · 发表于 2018-4-27 11:59:26

lyzklkl 发表于 2017-3-31 10:55
交作业

为什么我的不出图片呢

ft3312591 · 发表于 2018-5-4 23:17:20

牛太大，精力有限，解不动了

土耳其东木白 · 发表于 2018-5-28 16:39:54

GucciGucciParadaParada

兔子 · 发表于 2018-5-30 22:48:33

刚照着教程做了一遍，发现height属性没有继承性，然后查了下文档Inherited为no

Sert_My · 发表于 2018-6-9 14:43:19

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html世界</title>
<style type="text/css">
html,body{
height: 100%;
color: #FF0088;
}
body {
background: url("https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1528526170&di=a8b51a478821deda7684a88ef862e7ab&src=http://pic.58pic.com/58pic/15/12/02/41e58PICrgH_1024.jpg") center center;
background-size: cover;
}
</style>

</head>
<body>
<div id="container">
<h1>我爱鱼C</h1>
<p>WWW.FihsC.com - 让编程改变世界</p>
<a href="http://bbs.fishc.com">传送门</a>
</div>
</body>
</html>

我爱鱼C！ · 发表于 2018-7-12 10:57:35

开心得交作业:
支持鱼Ｃ!
无标题.png

STmove · 发表于 2018-7-12 17:00:37

交作业：

<!DOCTYPE HTML>
<!-- 0004页面美化，learned from 不二如是 -->
<html>
<head>
    <meat charset="utf-8">
    <title>welcome to the world of HTML</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="keywords" content="STmove,test">
    <meta name="description" content="学习测试">
    <meta name="author" content="STmove">
    
    <style type="text/css">
        html
        {
            height:100%;
        }
        body
        {
            background:url("320980.jpg") center center;
            background-size:cover;
        }
        h1
        {
            color:#0bf;
        }
        p
        {
            color:#afe;
        }
        a
        {
            color:#fff;
        }
    </style>
</head>

<body>
    <h1>我爱鱼兮</h1>
    <p>www.FishC.org-让编程改变世界</p>
    <a href="www.FishC.org" target="_blank">JOIN US</a>

</body>
</html>

STmove · 发表于 2018-7-12 17:03:46

dys376820508 · 发表于 2018-7-15 20:38:26

<!doctype html>
<html>
        <head>
                <meta charset="utf-8">
                <title>欢迎来到HTML世界</title>
                <style type="text/css">
                        html,body{
                                height: 100%;
                                color: #ff0088;
                        }
                        body{
                                        background: url(mh7.jpg) center center;
                                        background-size: cover;
                        }
                </style>
        </head>
        <body>
                <div id="container">
                        <h1>我爱鱼C</h1>
                        <p>www.fishc.com - 让编程改变世界</p>
                        <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
                </div>
        </body>
</html>

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 0 4 - 页面美化，添加高清背景！

点评

评分

评分

评分

点评

评分

点评

评分

点评

评分