HTML（2）静态页面

来源：互联网发布：kindle阅读软件怎么用编辑：程序博客网时间：2024/04/28 13:12
使用属性class，为标签添加样式，相应的css文件：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <link href="css/comm.css" type="text/css" rel="stylesheet">    <link href="css/index.css" type="text/css" rel="stylesheet">  </head>  <body>    <div class="top">        <img alt="" src="images/top.png">    </div>    <div class="user-mid-left">        <div class="ad_info_title">            <span>                <img alt="" src="images/landian.png">                <font class="font_style1">推荐企业广告信息</font>            </span>        </div> <%-- ad_info_title --%>         <div class="ad_info_list">            <ul>                <li><a href="#">- xx明天会更好......</a></li>                <li><a href="#">- xx明天会更好......</a></li>                <li><a href="#">- xx明天会更好......</a></li>                <li><a href="#">- xx明天会更好......</a></li>            </ul>        </div>   <%-- ad_info_list --%>         <div class="ad_info_search">            <span>                <img alt="" src="images/landian.png">                <font class="font_style1">信息快速检索</font>            </span>        </div> <%-- ad_info_search --%>         <div class="info_search">            <table>                <tr><td>关键字</td><td><input type="text" name="keyword"></td></tr>                <tr><td>条件</td>                <td>                    <select name="infoType">                        <option value="qiuzhi">求职信息</option>                        <option value="zhaopin">招聘信息</option>                        <option value="jiajiao">家教</option>                    </select>                </td></tr>                <tr><td></<td><td><input type="image" src="images/searchbut.png"></td></tr>            </table>        </div> <%-- info_search --%>         <div class="contact_us">            <span>                <img alt="" src="images/landian.png">                <font class="font_style1">联系我们</font>            </span>        </div>   <%-- contact_us --%>         <div class="contact_info">            <span>                <font class="font_style2">及时雨供求信息网</font><br>                <hr class="underline_style1" />                联系地址：xx省xx市<br>                联系电话：8888888<br>                邮政编码：0548888            </span>        </div> <%-- contact_info --%>     </div> <%-- user-mid-left --%>     <div class="user_mid_right">        <div class="pay_title"></div>        <div class="pay_info_con">            <table>                <tr><td>                    <font class="font_style2">【求职信息】</font>                    <font class="font_style3">我是一个求职人 </font>                    <font class="font_style4">2011-11-11 12:05:40.0</font>                </td></tr>                <tr><td style="text-indent: 2ex;"><span class="font_style5">hello</span></td></tr>                <tr><td><font class="font_style3">联系人：111             联系电话：111</font></td></tr>                <tr><td><hr></td></tr>            </table>        </div>        <div class="ad_con">            <img alt="" src="images/guanggao.png" style="width: 784px;height: 87px;"> <%-- 原大小 --%>        </div>        <div class="free_title"></div>        <div class="free_info_con">            <table>                <tr><td>                    <font class="font_style2">【求职信息】</font>                    <font class="font_style3">我是一个求职人 </font>                    <font class="font_style4">2011-11-11 12:05:40.0</font>                </td></tr>                <tr><td style="text-indent: 2ex;"><span class="font_style5">hello</span></td></tr>                <tr><td><font class="font_style3">联系人：111             联系电话：111</font></td></tr>                <tr><td><hr></td></tr>            </table>            <table>                <tr><td>                    <font class="font_style2">【求职信息】</font>                    <font class="font_style3">我是一个求职人 </font>                    <font class="font_style4">2011-11-11 12:05:40.0</font>                </td></tr>                <tr><td style="text-indent: 2ex;"><span class="font_style5">hello</span></td></tr>                <tr><td><font class="font_style3">联系人：111             联系电话：111</font></td></tr>                <tr><td><hr></td></tr>            </table>            <table>                <tr><td>                    <font class="font_style2">【求职信息】</font>                    <font class="font_style3">我是一个求职人 </font>                    <font class="font_style4">2011-11-11 12:05:40.0</font>                </td></tr>                <tr><td style="text-indent: 2ex;"><span class="font_style5">hello</span></td></tr>                <tr><td><font class="font_style3">联系人：111             联系电话：111</font></td></tr>                <tr><td><hr></td></tr>            </table>            <span class="pagenavi">共有3条 每页显示4条 第1页/共1页</span>        </div>    </div> <%-- user_mid_right --%>     <div class="user_bottom">        <span class=""><font class="font_style6">xxx息网 www.bc110.com 版权所有 联系电话：04123 888888</font></span>    </div>  </body></html>
0 0