上官羽锦 发表于 2020-4-21 10:20:50

我的第一个简单的web作品(最高技术:一只特立独行的猪)

本帖最后由 上官羽锦 于 2020-4-21 11:02 编辑

<blockquote><!DOCTYPE html> <!DOCTYPE html>
<html>
        <head>
                <title>搜索引擎选择</title>
                <meta charset="utf-8">
                <meta name="viewoport" content="width=device-width,initial-scale=1.0">
                <meta name="keywords" content="搜索引擎">
                <style type="text/css">
                        h2 {
                                color : red;
                                text-align: center;
                        }
                        p {
                                color : white;
                                text-align: center;
                               
                        }

                       
                        a {
                       
                                color : green;
                                background: black;
                        }
                        h1 {
                        color: yellow;
                        text-align:center;
                        }
                        img{

                                position: absolute;
                                left: 50%;
                                margin-left:50px;
                        }

                </style>
                       
                  
                <style>
                          body{
                                  background-image : url("E:/web开发/图片素材/地球背景.jpg");
                                        }
                </style>
               
                <style media="print">
                        h1{
                                color:blue;
                        }
                        h2{
                                color:blue;
                        }
                        p{
                                color:blue;
                        }
                        a{
                                color:blue;
                        }
                </style>
                <style media="screen and (min-width:512px) and (max-width:1024px)">
                        body{
                                background-image : url("E:/web开发/图片素材/小青蛙背景.jpg");

                        }
                </style>
               
        </head>
        <body>
               

                <h1>搜索引擎选择</h1>
                <h2>360</h2>
                <p>360是一个流氓软件制作开发的垃圾搜索引擎,广告猥琐应有尽有</p>
                <img alt="加载失败" src="E:\web开发\图片素材\360.jpg" width="80px" height="80px">
                <a href="https://www.so.com/">点击进入360搜索</a>
               

                <h2>百度</h2>
                <p>百度是一个死不要脸的n多广告,含金量巨多的垃圾搜索引擎</p>
                <img alt="加载失败" src="E:\web开发\图片素材\百度.jpg" width="80px" height=80px">
                <a href="https://www.baidu.com/?tn=78000241_11_hao_pg">点击进入百度搜索</a>

               

                       
          <h2>bing</h2>
                <p>bing是一个由微软爸爸出品的良心引擎,画面简洁无广告,好评!</p>
                <img alt="加载失败" src="E:\web开发\图片素材\bing.jpg" width="80px" height="80px">
                <a href="https://cn.bing.com/">点击进入bing引擎搜索</a>
        </body>
</html>
               
                //我的第一个简单的web作品(最高技术:一只特立独行的猪)

liuzhengyuan 发表于 2020-4-21 10:31:59

Judie 发表于 2020-4-21 10:52:13

??

上官羽锦 发表于 2020-4-21 11:02:42

liuzhengyuan 发表于 2020-4-21 10:31


非常抱歉,发错了...

上官羽锦 发表于 2020-4-21 11:03:32

Judie 发表于 2020-4-21 10:52
??

非常抱歉,,发错了`
页: [1]
查看完整版本: 我的第一个简单的web作品(最高技术:一只特立独行的猪)