第一次写博客,一只小萌新啦。有错误的、不足的以及混乱的地方还请大家见谅!博主大三了,学的计算机专业,前面学习过c语言以及java,不过学的都不是很好。现在正在学习前端的知识,正如同新手学习编程写“hello,world!”一样,我也先拿学校网页作为练手对象(网页很丑,做好心理准备!)哈哈哈~
·························································································································
·························································································································
·························································································································
·························································································································
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>皖西学院(官网)title>
<link rel="stylesheet" href="style.css">
head>
<body>
<div class="language clearfix">
<div class="w">
<ul>
<li><a href="">Englilsha>li>
<li><a href="">站点地图a>li>
ul>
div>
div>
<div class="logo_nav clearfix">
<div class="w">
<div class="logo">
<a href="#">
<img src="图片/logo/logo.png" alt="">
a>
div>
<div class="search">
<ul>
<a href="#"><img src="图片/ss.gif" alt="">a>
<li class="last"><input class="text" type="text" value="请输入关键字">li>
<li><a href="#">考生a>li>
<li><a href="#">在校生a>li>
<li><a href="#">教职工a>li>
<li><a href="#">校友a>li>
<li><a href="#">访客a>li>
ul>
div>
div>
div>
<div class="big_nav clearfix">
<div class="nav w clearfix">
<ul>
<li><a href="#">网站首页a>li>
<li><a href="#">学校概况a>li>
<li><a href="#">校园新闻a>li>
<li><a href="#">管理机构a>li>
<li><a href="#">教育教学a>li>
<li><a href="#">招生就业a>li>
<li><a href="#">科学研究a>li>
<li><a href="#">图书馆a>li>
<li><a href="#">校园文化a>li>
<li><a href="#">国际交流a>li>
<li class="last"><a>信息服务a>li>
ul>
div>
div>
<div class="hot w clearfix">
<a href=""><img src="图片/logo/tu.png" alt="">a>
<div class="dot_box">
<ul>
<li>
<div class="dot">div>
li>
<li>
<div class="dot">div>
li>
<li>
<div class="dot">div>
li>
<li>
<div class="dot">div>
li>
<li>
<div class="dot">div>
li>
<li>
<div class="dot">div>
li>
ul>
div>
div>
<div class="new w clearfix">
<div class="left">
<div class="hd">
<span>综合新闻span>
div>
<div class="bd">
<a href=""><img src="图片/logo/new.jpg" alt="">a>
div>
<div class="ft">
<a href="">
<h3>校党委理论学习中心组召开理论学习会h3>
<p>根据党委书记熊健的安排,10月12日校党委理论学习中心组召开学习会,校党委副书记、校长刘学忠主持会议。会议集中学习了习近平总书记...p>
a>
div>
div>
<div class="center">
<div class="hd">
<a href="#">更多>a>
div>
<div class="bd">
<ul>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">校党委理论学习中心组召开理论学习会a> div><span>10-16span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">省人社厅、教育厅来我校调研高层次人才工作a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">校领导深入实验课堂听课a>div><span>10-14span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院召开校园电动车专项整治工作会议a>div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院召开2020级学生军训工作领导组会议a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">应用型本科高校破“唯”及科技评价研讨会成...a>div><span>10-11span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院召开巡视整改工作领导小组第二次会...a>div><span>10-09span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">池州学院校长柳友荣教授应邀为皖西学院作劳...a>div><span>10-09span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院召开2020年安徽省大学生未来律师辩...a>div><span>10-05span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院举行校园影院首映揭牌仪式a>div><span>10-01span>li>
ul>
div>
div>
<div class="right">
<div class="hd">
<span>通知公告span>
<a href="#">更多>a>
div>
<div class="bd">
<ul>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">转发《国务院第七次全国人口普查领导小...a> div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院2020年诚聘博士公告(新)a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于开展2020年教师、实验系列专业技术...a>div><span>10-14span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">住房信息公示a>div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院2020年度安徽高校科学研究项目...a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于拟录用刘翠艳博士的公示a>div><span>10-11span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于全国人口普查进行入户普查登记的温...a>div><span>10-09span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于做好2021年度大学生城乡居民医疗保...a>div><span>10-09span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于遴选2020年“星火创咖”入驻创新创...a>div><span>10-05span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于2020级学生军训工作及服装发放安排...a>div><span>10-01span>li>
ul>
div>
div>
<div class="bottom_left">
<div class="hd">
<span>媒体晥院span>
<a href="#">更多>a>
div>
<div class="bd">
<ul>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">转发《国务院第七次全国人口普查领导小...a> div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院2020年诚聘博士公告(新)a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于开展2020年教师、实验系列专业技术...a>div><span>10-14span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">住房信息公示a>div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院2020年度安徽高校科学研究项目...a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于拟录用刘翠艳博士的公示a>div><span>10-11span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于全国人口普查进行入户普查登记的温...a>div><span>10-09span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于做好2021年度大学生城乡居民医疗保...a>div><span>10-09span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于遴选2020年“星火创咖”入驻创新创...a>div><span>10-05span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于2020级学生军训工作及服装发放安排...a>div><span>10-01span>li>
ul>
div>
div>
<div class="bottom_center">
<div class="hd">
<span>学术动态span>
<a href="#">更多>a>
div>
<div class="bd">
<ul>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">转发《国务院第七次全国人口普查领导小...a> div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院2020年诚聘博士公告(新)a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于开展2020年教师、实验系列专业技术...a>div><span>10-14span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">住房信息公示a>div><span>10-15span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">皖西学院2020年度安徽高校科学研究项目...a>div><span>10-12span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于拟录用刘翠艳博士的公示a>div><span>10-11span>li>
<li>
<img src="图片/list2.jpg" alt="">
<div><a href="#">关于全国人口普查进行入户普查登记的温...a>