2021-03-25-HTML

作业要求:
在这里插入图片描述

我的作业:
在这里插入图片描述
我的代码:

<html>
    <head>

    </head>
    <body>
        <table align="center" width="778px">
            <tr>
                <td>
                    <img src="img//logo.gif" />
                    <!--图片的路径 是在同一文件夹下的另一个文件夹下,所以要写上那个文件名在写图片名称-->
                </td>
                <td bgcolor="gray">设计动态</td>
                <td bgcolor="gray">技术文档</td>
                <td bgcolor="gray">艺术设计</td>
                <td bgcolor="gray">摄影摄像</td>
                <td bgcolor="gray">计算机技术</td>
                <td bgcolor="gray">资源下载</td>
                <td bgcolor="gray">个人专栏</td>
                <td bgcolor="gray">CG绘图</td>
                <td bgcolor="gray">专题</td>
                <td bgcolor="gray">论坛</td>
            </tr>
        </table>
        <table align="center" width="778px">
            <tr>
                <td style="background-color: blueviolet;">您的位置:   首页 > 动态 </td>
            </tr>
        </table>
        <table align="center" width="778px">
            <tr>
                <td width="30%" align="center">
                    <img src="img//painter.jpg"/>
                </td>
                <td width="70%" align="center">
                    <img src="img//qq_533_104.jpg"/>
                </td>
            </tr>
        </table>
        <table align="center" width="778px" >
            <tr>
                <td style="background-color: gray;" width="30%"><h4>最新更新</h4></td>
                <td style="background-color: gray;" width="30%"><h4>其他信息</h4></td>
                <td style="background-color: gray;" width="40%" align="right"><h4>更多内容</h4></td>
            </tr>
            <tr>
                <td width="30%">一堆文字</td>
                <td width="30%">
                    <img src="img//001.jpg"/>
                </td>
                <td width="40%">又是一堆文字</td>
            </tr>
            <tr>
                <td style="background-color: green;" width="30%">
                    <img src="img//google_logo.gif"  width = "15%"/>
                    <input type="radio" name="1" value="全网"/>全网
                    <!--这里调字体有一点问题-->
                    <input type="radio" name="1" value="本站"/>本站
                    <input type="radio" name="1" value="论坛"/>论坛
                </td>
                <td style="background-color: gray;" width="30%"><h4>软件信息</h4></td>
                <td style="background-color: gray;" align="right" width="40%"><h4>更多内容</h4></td>
            </tr>
            <tr>
                <td width="30%" >
                    <input width = "20%" type="text"/>
                    <input type="button" value="搜索"/>
                </td>
                <td rowspan="2" width="30%">
                    <img src="img//003.jpg"/>
                </td>
                <td rowspan="2" width="40%">一堆文字</td>
            </tr>
            <tr>
                <td>热门搜索:CSS 巴拉巴拉巴拉。。。</td>
                
            </tr>
        </table>
        <table align="center" width="778px">
            <tr>
                <td style="background-color: cornflowerblue;"></td>
            </tr>
        </table>
        <table align="center" width="778px">
            <tr>
                <!--貌似 bgcolor 也可以修改背景颜色,同style.. -->
                <td bgcolor="gray">关于站点</td>
                <td bgcolor="gray">免责声明</td>
                <td bgcolor="gray">联系站长</td>
                <td bgcolor="gray">版权隐私</td>
                <td bgcolor="gray">友情链接</td>
                <td bgcolor="gray">网站地图</td>
                <td bgcolor="gray">05022102号</td>
                <td bgcolor="gray" align="right">@1999.2013.Bluclden.com版权所有</td>
            </tr>
        </table>
    </body>
</html>

图片和文档要打包放在一个文件夹下,注意图片相对路径的写法
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值