Skip to content

W
Web前端技术 - 实验5DIV＋CSS布局规划-任务（二）
提交 f440cd69 创建 作者: 兰措卓玛's avatar 兰措卓玛
浏览文件
操作

更新 index.html

上级 29679f94
隐藏空白字符变更
内嵌 并排
正在显示 包含 212 行增加 和 11 行删除
index.html
浏览文件 @ f440cd69
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>网页标题</title>
</head>
<body>
<h2>新的主页</h2>
</body>
</html>
<head>
<meta charset="utf-8">
<style>
#bt{
font-size:28px; padding:2px 16px; font-weight:bold;
}
#container{
padding:0px;
margin:0 auto;
width: 100%;
}
#header{
text-align: center;
width: 100%;
height: 243px;
background-color: #7d26a8;
background:url(../trees/header.png) no-repeat center top;
}
#nav{
width: 100%;
height: 243px;
color:white;
border-width: 40px;
text-align: center;
background-color: #660066;
}
ul{
padding:0px;
margin:0 auto;
width: 950px;
list-style: none;
float: center;
list-style-type:none;
}
ul.li{
padding:0px;
margin:0 auto;
float: left;
text-align:center;
font-size:16px;
width: 5.5em;
margin: 2px 8px;
padding:2px 8px;
}
ul.a{
font-size: 16px;
text-align:center;
}
a:link{
color:white;
}
a:visited{
color:white;
}
a:active{
color:white;
}
a:hover{
background-color:#9933ff;
text-align: center;
}
#mainbody{
padding:0px;
margin:0 auto;
background-color:#FFFFFF;
width: 1001px;
}
#main{
padding:0px;
margin:0 auto;
width: 60%;
float: left;
margin: 0px 30px;
padding:0px 30px;
}
#rightbar{
width: 30%;
float: right;
}
#footer{
background-color: #FFFFFF;
text-align: center;
font-size: 16px;
border-width: 40px;
}
</style>
<body>
<div id="container" class="">
<div id="header" class=""> </div>
<div id="nav" class="">
<ul class="">
<li><a href="#">首&nbsp;&nbsp;&nbsp;&nbsp;页</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>
</ul>
</div>
<div id="mainbody" class="">
<div id="main" class="bt">
<p id="bt">会议概要</p>
<p>
2015年CERNET华东北地区教育信息化技术研讨大会
时间：2015年4月22日至4月25日
报到时间：2015年4月22日
地点：山东省潍坊市
会议主题：先进网络技术、信息化规划与学校信息化实践、信息技术推动教育教学变革、技术应用研讨及工作交流等。
主办：CERNET华东北地区网络中心、CERNET安徽省网络中心、CERNET山东省网络中心、山东省教育技术与装备协会
承办：潍坊医学院
会议介绍
2015年4月22-25日，由CERNET华东北地区网络中心、CERNET安徽省网络中心、CERNET山东省网络中心及山东省教育技术与装备协会联合主办，潍坊医学院承办的中国教育和科研计算机网(CERNET)2015年华东北地区教育信息化技术研讨会在美丽的山东省潍坊市召开。研讨会主要议题包括先进网络技术、信息化规划与学校信息化实践、信息技术推动教育教学变革、技术应用研讨及工作交流等。会议将邀请CERNET专家、教育技术专家、部分国内高校及企业界专家作专家报告。
</p>
<p id="bt">会议介绍</p>
2015年CERNET华东北地区教育信息化技术研讨大会
时间：2015年4月22日至4月25日
报到时间：2015年4月22日
地点：山东省潍坊市
会议主题：先进网络技术、信息化规划与学校信息化实践、信息技术推动教育教学变革、技术应用研讨及工作交流等。
主办：CERNET华东北地区网络中心、CERNET安徽省网络中心、CERNET山东省网络中心、山东省教育技术与装备协会
承办：潍坊医学院
会议介绍
2015年4月22-25日，由CERNET华东北地区网络中心、CERNET安徽省网络中心、CERNET山东省网络中心及山东省教育技术与装备协会联合主办，潍坊医学院承办的中国教育和科研计算机网(CERNET)2015年华东北地区教育信息化技术研讨会在美丽的山东省潍坊市召开。研讨会主要议题包括先进网络技术、信息化规划与学校信息化实践、信息技术推动教育教学变革、技术应用研讨及工作交流等。会议将邀请CERNET专家、教育技术专家、部分国内高校及企业界专家作专家报告。
<p id="bt">会议动态</p>
<p id="bt">宾馆地图</p>
</div>
<div id="rightbar" class="">
<div id="rightbar_up" class="bt"></div>
<p>会议动态</p>
<table>
<tr>
<td></td>
<td><a href="http://www.weather.com.cn/weather1d/101120601.shtml" target="_blank">潍坊天气预报</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td>在线注册</td>
<td></td>
</tr>
<tr>
<td></td>
<td>修改信息</td>
<td></td>
</tr>
</table>
</div>
<div id="rightbar_down">
<p id="bt">宾馆地图</p>
<iframe id="baidu" height="180px" width="200px" frameBorder="0" scrolling="no" src="http://it2015.sd.edu.cn/baidu. htm1">
</iframe>
</div>
</div>
<div id="footer" class="">
<p>
&copy;Copyright CERNET 华东北地区网络中心。Designed By<a href ="http://nic.wfm.edu.cn" class= "footer">潍坊医学院网络信息中心</a>
</p>
</div>
<div id="gg3" style="width:170px; height:55px;">
<a target="_parent" href="http://www.baidu.com/">
<img src="trees/tx.jpg" width="170" height="55" alt=""/>
</a>
</div>
</div>
<script type="text/javascript">
var ad3 = new AdMove("gg3"); // 定义AdMove对象
ad3.Run();
</script>
</body>
</head>
</html>
\ No newline at end of file
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论