<img src="/files/uploads/image/201704/a2959d948e46.PNG" title="image" alt="image" /> <pre class="prettyprint linenums lang-html"> &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;太原学院官网&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="layout-demo.css"/&gt; &lt;link rel="stylesheet" type="text/css" href="sample01.css"/&gt; &lt;style type="text/css"&gt; body,td,th { color: #333; } body { background-color: #FFF; } &lt;/style&gt; &lt;link rel="stylesheet" type="text/css" href="bace.css"/&gt; &lt;link rel="stylesheet" type="text/css" href="layout.css"/&gt; &lt;link rel="stylesheet" type="text/css" href="theme-normal.css"/&gt; &lt;link rel="stylesheet" type="text/css" href="nav.css"/&gt; &lt;link rel="stylesheet" type="text/css" href="tabs.css"/&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="header" class="clearfix"&gt; &lt;div id="contact-info"&gt; &lt;ul class="clearfix"&gt; &lt;a href="#"&gt; &lt;img src="太原学院.jpg" alt="太原学院" id="logo" align="left"/&gt;&lt;/a&gt;&lt;/ul&gt;&lt;p align="right"&gt; &lt;lable&gt; &lt;/lable&gt; &lt;/p&gt; &lt;p align="right"&gt; &lt;lable&gt;搜索内容： &lt;input type="text" name ="name" size ="50"/&gt; &lt;/lable&gt; &lt;span style="color: #000"&gt;&lt;a href="官网.html"&gt;搜索&lt;/a&gt;&lt;/span&gt; &lt;input type="image" name="搜索" src="搜索.jpg" style="height:40px;width:40px;" /&gt;&lt;font&gt; ENGLISH &lt;/font&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="m-01"&gt; &lt;ul class="dropdown-menu columns-container"&gt; &lt;li class="current"&gt;&lt;a href="#"&gt;学院概况&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;学校简介&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;校园风光&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;现任领导&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学院标识&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;章程规划&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;新闻中心&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;通知公告&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;校园新闻&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;图片新闻&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学术动态&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;社会新闻&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;管理机构&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;党群机构&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;行政机构&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;教学部门&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;系部设置&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;中文系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;旅游系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;经贸系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;应用艺术系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;机电系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;计算机系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;财会系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;管理系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;建筑工程系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;环境工程系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;外语系&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;基础部&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;社会科学教学部&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;教育科研&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;科技处&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学生天地&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;共青团&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学生会&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学生之友&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学生社团&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学生生活指南&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;招生就业&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;招生信息网&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;就业信息网&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;人才培养&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;普通教育&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;成人教育&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;学术期刊&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;太原学院学报社会科学版&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;太原学院学报自然科学版&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;p&gt;&lt;img src="太原学院背景.png" width="1043" height="292"&gt;&lt;/p&gt; &lt;table width="1047" height="220" border="1"&gt; &lt;tr&gt; &lt;th width="353" scope="col"&gt; &lt;div id="m-02"&gt; &lt;ul class="tabs-no-js columns-container"&gt; &lt;li class="active"&gt;&lt;h3&gt;&lt;a href="#"&gt;实时热点&gt;&gt;&lt;/a&gt;&lt;/h3&gt; &lt;/hr&gt; &lt;img src="图文热点.jpg" width="300"&gt; &lt;/ul&gt; &lt;/div&gt;&lt;/th&gt; &lt;th width="430" scope="col"&gt; &lt;div id="m-02"&gt; &lt;ul class="tabs-no-js columns-container"&gt; &lt;li class="active"&gt;&lt;h3&gt;&lt;a href="#"&gt;校园新闻&gt;&gt;&lt;/a&gt;&lt;/h3&gt; &lt;div&gt; &lt;p&gt; &lt;ul&gt; &lt;li&gt;徐秋琴副院长深入系部调研学生工作&lt;/li&gt; &lt;li&gt;筑牢反奸防谍的钢铁长城——我院在大学生中开展反奸&lt;/li&gt; &lt;li&gt;我院辅导员在山西省第五届辅导员职业能力大赛中喜获&lt;/li&gt; &lt;li&gt;筑牢反奸防谍的钢铁长城——我院在大学生中开展反奸&lt;/li&gt; &lt;li&gt;我院辅导员在山西省第五届辅导员职业能力大赛中喜获&lt;/li&gt; &lt;li&gt;筑牢反奸防谍的钢铁长城——我院在大学生中开展反奸&lt;/li&gt; &lt;li&gt;我院辅导员在山西省第五届辅导员职业能力大赛中喜获&lt;/li&gt; &lt;li&gt;“会诊把脉”找问题 凝心聚力谋跨越——学士学位&lt;/li&gt; &lt;li&gt;学士学位授权审核建设指导评审汇报会上午在学术报告&lt;/li&gt; &lt;/ul&gt; &lt;/p&gt; &lt;/div&gt; &lt;li&gt;&lt;h3&gt;&lt;a href="#"&gt;通知公告&gt;&gt;&lt;/a&gt;&lt;/h3&gt; &lt;div&gt; &lt;p&gt; &lt;ul&gt; &lt;li&gt;太原学院关于博士及高级职称专业技术人员服务年限2017-03-31&lt;/li&gt; &lt;li&gt;关于学习记诵《太原市创建全国文明城市市民文明常2016-11-14&lt;/li&gt; &lt;li&gt;关于深入学习宣传贯彻省第十一次党代会精神的通知2016-10-28&lt;/li&gt; &lt;li&gt;关于学习记诵《太原市创建全国文明城市市民文明常2016-11-14&lt;/li&gt; &lt;li&gt;关于深入学习宣传贯彻省第十一次党代会精神的通知2016-10-28&lt;/li&gt; &lt;li&gt;关于学习记诵《太原市创建全国文明城市市民文明常2016-11-14&lt;/li&gt; &lt;li&gt;关于深入学习宣传贯彻省第十一次党代会精神的通知2016-10-28&lt;/li&gt; &lt;li&gt;关于认真学习中共十八届六中全会精神的通知2017-04-17&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;/p&gt; &lt;/div&gt; &lt;/li&gt; &lt;div align="justify"&gt;&lt;/div&gt; &lt;div align="center"&gt;&lt;/div&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/th&gt; &lt;th width="242" scope="col"&gt;&lt;p align="center"&gt; &lt;img src="教务在线.jpg" width="66" height="66" alt=""/&gt;&lt;img src="图书馆.jpg" width="66" height="59" alt=""/&gt;&lt;img src="网络中心.jpg" width="72" height="63" alt=""/&gt;&lt;/p&gt; &lt;p align="center"&gt;&lt;a href="官网.html"&gt;教务在线 图书馆&lt;/a&gt; &lt;a href="官网.html"&gt;网络中心&lt;/a&gt;&lt;/p&gt; &lt;p align="center"&gt;&lt;img src="信息公开.jpg" width="62" height="61" alt=""/&gt;&lt;img src="专升本专题.jpg" width="76" height="60" alt=""/&gt;&lt;img src="招生就业.jpg" width="60" height="57" alt=""/&gt;&lt;/p&gt; &lt;p align="center"&gt;&lt;a href="官网.html"&gt;信息公开&lt;/a&gt; &lt;a href="官网.html"&gt;专升本&lt;/a&gt; &lt;a href="官网.html"&gt;招生就业&lt;/a&gt;&lt;/p&gt; &lt;p align="center"&gt; &lt;select name="校内部门网站2"&gt; &lt;option&gt;校内部门网站&lt;/option&gt; &lt;option&gt;太原学院中区&lt;/option&gt; &lt;/select&gt; &lt;select name="其他院校链接2"&gt; &lt;option&gt;其他院校链接&lt;/option&gt; &lt;option&gt;校内部门网站&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;p align="center"&gt; &lt;select name="教育网站链接2"&gt; &lt;option&gt;教育网站链接&lt;/option&gt; &lt;option&gt;校内部门网站&lt;/option&gt; &lt;/select&gt; &lt;select name="常用网站链接2"&gt; &lt;option&gt;常用网站链接&lt;/option&gt; &lt;option&gt;校内部门网站&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;/th&gt; &lt;/tr&gt; &lt;/table&gt; &lt;img src="验证码.PNG" width="1052"&gt; &lt;/body&gt; &lt;/html&gt; </pre>