首页 > 代码库 > day4练习

day4练习

2024-08-22 01:41:53   218人阅读

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
        body{
            margin:0px;
            padding:0px;
        }
        a{
            text-decoration:none;
        }
    </style>
    <script type="text/javascript"></script>
    <meta http-equiv="refresh" content="3" />
</head>
<body>
<!--网站LOGO start-->
<table width="778px" align="center"> 
    <tr>
        <td width="543px"><img src="images/index_01.png"></td>
        <td><img src="images/index_02.jpg" usemap="#map">
            <map id="map" name="map">
                <area shape="rect" coords="150,16,226,31" href="#" />
                <area shape="rect" coords="150,36,226,51" href="#" />
                <area shape="rect" coords="150,55,217,70" href="#" />
            </map>
        </td>
    </tr>
</table>
<!--网站LOGO ent-->
<!--导航 start-->
<table Cellpadding="0" Cellspacing="0" align="center">
    <tr>
        <td><img src="images/index_03.png"></td>
        <td><img src="images/index_04.png"></td>
        <td><img src="images/index_05.png"></td>
        <td><img src="images/index_06.png"></td>
        <td><img src="images/index_07.png"></td>
        <td><img src="images/index_08.png"></td>
        <td><img src="images/index_09.png"></td>
        <td><img src="images/index_10.png"></td>
        <td><img src="images/index_11.png"></td>
        <td><img src="images/index_12.png"></td>
    </tr>
</table>
<!--导航 end-->
<!--动画 start-->
<table cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td><img src="images/index_29.jpg"></td>
    </tr>
    <tr>
        <td>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">
          <param name="movie" value="images/banner.swf">
          <param name="quality" value="high">
          <param name="wmode" value="transparent">
          <embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>
        </td>
    </tr>
</table>
<!--动画 end-->
<!--中部 start-->
    <!--地图&排行榜-->
<table align="center" border="0" cellpadding="0" cellspacing="0">
    <tr width="182px">
        <td><img src="images/index_21.png"></td>
        <td><img src="images/index_22.png"></td>
        <td rowspan="2" bgcolor="#D30001" valign="top">
            <img src="images/index_23.png" >            
            <ol>
                <font face="微软雅黑" color="#ffffff" size="1">
                <li>蓝色征途...</li>
                <li>风挡玻璃清洗剂...</li>
                <li>月福标准封釉套装...</li>
                <li>钻石之光...</li>
                <li>云南蜡染抱枕...</li>
                <li>龟博士白金蜡...</li>
                </font>
            </ol>    
        </td>
    </tr>
    <tr>
        <td align="center" background="images/line.jpg"><a href="images/200810311354340.jpg" target="_blank"><img src="images/200810311354340.jpg"  width="120" vspace="5"></a><br /><font face="微软雅黑" size="2"><b>月福在北京地图</b></font></td>
        <!--地图&排行榜-->
        <td>
        <!--月福新闻 start-->
            <table width="98%" align="center" Cellspacing="3" border="0">
                <tr>
                    <td align="center"><img src="images/index_30.jpg"></td>
                    <td><font face="微软雅黑" size="2"><a href="#">月福机场T2、T3贵宾店即日开业大酬宾...</a></font></td>
                    <td><img src="images/index_28.jpg"></td>
                </tr>
                <tr>
                    <td align="center"><img src="images/index_30.jpg"></td>
                    <td><font face="微软雅黑" size="2"><a href="#">北京月福汽车装饰公司关于销售圣罗膜相关情况的说明...</a></font></td>
                    <td><img src="images/index_28.jpg"></td>
                </tr>
                <tr>
                    <td align="center"><img src="images/index_30.jpg"></td>
                    <td><font face="微软雅黑" size="2"><a href="#">人才招聘-挑战高薪！...</a></font></td>
                    <td><img src="images/index_28.jpg"></td>
                </tr>
                <tr>
                    <td align="center"><img src="images/index_30.jpg"></td>
                    <td><font face="微软雅黑" size="2"><a href="#">月福标准封釉套装...</a></font></td>
                    <td>&nbsp</td>
                </tr>
                <tr>
                    <td align="center"><img src="images/index_30.jpg"></td>
                    <td><font face="微软雅黑" size="2"><a href="#">月福漆面镀膜...</a></font></td>
                    <td>&nbsp</td>
                </tr>
                <tr>
                    <td align="center"><img src="images/index_30.jpg"></td>
                    <td><font face="微软雅黑" size="2"><a href="#" >月福在北京地图...</a></font></td>
                    <td>&nbsp</td>
                </tr>
            </table>
        <!--月福新闻 end-->
        </td>
    </tr>
</table>
<!--中部 end-->
<!--尾部 start-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="778">
<tr>
    <td width="182"><img src="images/index_26.png" /></td>
    <td><img src="images/index_27.png" /></td>
    <td><img src="images/index_28.png" /></td>
</tr>
<tr>
    <td rowspan="5"  bgcolor="#DC0000" vspace="5">
        <font face="微软雅黑" color="FDF5F6" size="2">
            <p>1.北京月福汽车装饰有限公司关于销售对罗膜相关情况的说明</p>
            <p>2.月福汽车装饰（机场T3店）开业！地址：北京首都机场T3航站楼（停车场）</p>
            <p>电话:64556965 64556966</p>
        </font>
        <img src="images/index_33.png" />
    </td>
    <!--服务列表 start-->
    <td width="423"><img src="images/index_21.jpg"  align="left"  hspace="13"/>
        <font size="2" face="微软雅黑"><font color="#FD7F07" >月福汽车装饰：</font>防爆太阳膜、汽车音响、车载免提、倒车雷达、真皮座椅、中控锁、防盗器、桃木内饰...竭诚为广大客户提供优质服务。详细信息...
        </font>      
    </td>
    <!--搜索 start-->
    <td rowspan="5" bgcolor="#D20001"  valign="top" align="center">
        <form>
        <table >
            <tr>
                <td>&nbsp</td>
            </tr>
            <tr >
                <td align="center">
                    <select name="commodity">
                        <option value="吸尘器" selected="selected">吸尘器</option>
                        <option value="洗衣机">洗衣机洗衣机洗衣机</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>&nbsp</td>
            </tr>
            <tr>
                <td align="center">
                    <input type="text" name="usename" size="10"/>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="images/index_39.png" />
                    <input type="image" src="images/index_38.png" />
                </td>
            </tr>
        </table>
        </form>
        <img src="images/index_31.png" />
        <font size="2" face="微软雅黑" color="FEFAF8" >
        <p>.引擎的保养</p>
        <p>.冬季用车三大注意事项</p>
        <p>.四轮定位的概念</p>
        <p>.汽车冬季保养</p>
        <P align="right">more>></P>
        </form>
    </td>
    <!--搜索 end-->
</tr>
<tr>
    <td align="center"><img src="images/index_24.jpg"  align="center"/></td>
</tr>
<tr>
    <td>
        <img src="images/index_22.jpg" align="left" hspace="13"/>
        <font size="2" face="微软雅黑"><font color="#FD7F07">月福汽车养护：</font>五大系统免拆护理为、发动机内外清洗、快速换油、更换三滤、底盘装甲、空调加氟...月福全体员工竭诚为您服务！详细信息...
        </font>
    </td>
</tr>
<tr>
    <td align="center"><img src="images/index_24.jpg"  align="center"/></td>
</tr>
<tr>
    <td>
        <img src="images/index_23.jpg" align="left" hspace="13"/>
        <font size="2" face="微软雅黑"><font color="#FD7F07">月福汽车养护：</font>五大系统免拆护理为、发动机内外清洗、快速换油、更换三滤、底盘装甲、空调加氟...月福全体员工竭诚为您服务！详细信息...
        </font>
    </td>
    <!--服务列表 end-->

</tr>
</table>
<!--尾部 end-->
</body>
</html>



效果图

技术分享

 

day4练习


联系
我们