2021-04-13

java web中的表格的使用,下面是一个简单列子,是我们学习表格标签的作业,可以参考

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格的实验</title>
    <style>
        #global {
            width: 90%;
            /* border: black solid; */
            margin: 0 auto;
            background-color: rgb(32, 99, 221);
            /* height: 800px; */
        }

        table {
            /* border: red solid; */
            margin: 0 auto;
            width: 80%;
        }

        img {
            width: 100%;
            height: 100%;
        }

        #menu {
            background-image: url('images/button_back.jpg');
        }
        
        .left {
            width: 15%;

            float: left;
        }

        .center {
            float: left;
            /* border: springgreen solid; */
            width: 65%;
            font: 19px 楷体;
            color: white;
        }

        .main {
            width: 80%;
            /* border: yellow solid; */
            margin: 0 auto;
            height: 350px;
        }

        .right {
            float: left;
            width: 20%;
        }

        #right1 {
            background-color: whitesmoke;
            width: 100%;
            height: 300px;
        }
        .footer{
            background-color:cornflowerblue;
            height: 50px;
            text-align: center;
            font: 19px 楷体;
            color: white;
        }
    </style>
</head>

<body>
    <div id="global">
        <table class="tb">
            <tr>
                <td><img src="images/top.jpg" alt="" /></td>
            </tr>
            <table id="menu">
                <tr>
                    <td>首业</td>
                    <td>学院简介</td>
                    <td>行政机构</td>
                    <td>院系设置</td>
                    <td>工会纪检</td>
                    <td>党建工作</td>
                    <td>职业教育</td>
                    <td>教师西底</td>
                    <td>学生管理</td>
                    <td>招生就业</td>
                    <td>网络资源</td>
                </tr>
            </table>
            <div class="main">
                <table class="left">
                    <tr>
                        <td><img src="images/l1_3.jpg" /></td>
                    </tr>
                    <tr>
                        <td><img src="images/l2_5.jpg" /></td>
                    </tr>
                    <tr>
                        <td><img src="images/l2_6.jpg" /></td>
                    </tr>
                    <tr>
                        <td><img src="images/l2_88-2.jpg" /></td>
                    </tr>
                    <tr>
                        <td><img src="images/l2_88.jpg" /></td>
                    </tr>
                    <tr>
                        <td><img src="images/xx_hyap.jpg" /></td>
                    </tr>
                </table>
                <table class="center">
                    <tr>
                        <td>
                            &ensp;&ensp;&ensp;&ensp;天津天狮学院是1999年经国家教育部批准,天津市直属的全日制普通本科高等学校。
                            依托国际化企业天狮集团,凭借世界科技文化进步成果和区域经济发展特色,经过二十年办
                            学历程,创建了具有全球战略思维和国内实践体系的应用型大学。学校坐落在天津市武清区龙凤河
                            畔,占地3.2平方公里,建成面积210万平方米,是一所民办综合性大学。<br>&ensp;&ensp;&ensp;&ensp;天津天狮学院以高质量、专业化和应用型人才培养为特色,开设商学、经济学、医学、信息工程学、生物工程学、国际语言学和艺术学等六大学科,并规划发展航空技术、电影技术、环境与健康、文化与旅游等市场急需的新型专业。学校设有信息科学与工程学院、食品工程学院、经济管理学院、外国语学院、医学院、艺术与设计学院等6个二级学院;另有思政部、数理部、体育部和继续教育部等4个教学部。
                            至2019年,学校开设有电子信息工程、生物工程、金融学、市场营销、汉语国际教育、医疗技术、护理学、设计学等31个本科专业;并有工商企业管理、市场营销、通信技术、计算机应用技术、数字媒体艺术设计等5个高职专业,涵盖工、管、文、经、医、艺六大学科门类。学院以本科教育为核心,以高职教育为专业补强,积极推进研究生教育和留学生教育,拓展中外合作办学渠道。
                            学校现有全日制在校生8000余人,并有来自世界各地攻读学位和短期访学的留学生。<br>


                        </td>
                    </tr>
                </table>
                <table class="right">
                    <tr>
                        <td>
                            <img src="images/c1_3.jpg" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td id="right1">

                        </td>
                    </tr>
                </table>

            </div>
            <table class="footer">
                <tr>
                    <td>
                        2018-计算机科学与技术3-姚春芬
                    </td>
                </tr>
            </table>
        </table>
    </div>
</body>

</html>

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值