模板web html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>物管周报管理系统(runoob.com)</title>  
<style>#header {background-color:black;color:white;text-align:center;padding:4px;
}div.img {margin: 15px;border: 1px solid #ccc;float: left;width: 110px;
}div.img:hover {border: 1px solid #777;
}div.img img {width: 100%;height: auto;
}div.desc {padding: 15px;text-align: center;
}
</style>
</head>
<body><style>
body {margin: 0;
}ul {list-style-type: none;margin: 0;padding: 0;width: 25%;background-color: #f1f1f1;position: fixed;height: 100%;overflow: auto;
}li a {display: block;color: #000;padding: 1px 1px;text-decoration: none;
}li a.active {background-color: #4CAF50;color: white;
}li a:hover:not(.active) {background-color: #555;color: white;
}
</style>
</head>
<body><body><style>
body {margin: 10;
}ul {list-style-type: none;margin: 50;padding: 0;width: 20%;background-color: #f1f1f1;position: fixed;height: 80%;overflow: auto;
}li a {display: block;color: #000;padding: 8px 12px;text-decoration: none;
}li a.active {background-color: #4CAF50;color: white;
}li a:hover:not(.active) {background-color: #555;color: white;
}
</style>
</head><div id="header"></body><h1>物管部周会报告管理系统        </h1><p id="t"><span></span>年<span></span>月<span></span>日<span></span>时<span></span>分<span></span>秒</p></div><title></title></head><script>var ss=document.getElementById('t').getElementsByTagName('span');function changetime(){var time=new Date();ss[0].innerHTML=time.getFullYear();ss[1].innerHTML=time.getMonth()+1;ss[2].innerHTML=time.getDate();ss[3].innerHTML=time.getHours();ss[4].innerHTML=time.getMinutes();ss[5].innerHTML=time.getSeconds();}changetime();setInterval(function(){changetime();},1000)</script><body>
<ul><li><a class="active" href="file:///C:/Users/Administrator/Desktop/%E4%BC%BA%20%E6%9C%8D%20%E5%99%A8%20%E8%BF%9C%E7%A8%8B%20%E7%9B%91%E6%8E%A7%20%E5%BC%82%E5%B8%B8%E7%AE%A1%E7%90%86.html">物管部周会报告首页</a></li><li><a href="https://hao.360.com/?a1004">回顾上周会议内容</a></li><li><a href="https://hao.360.com/?a1004">部门人力报告</a></li><li><a href="https://hao.360.com/?a1004">部门离职率报告</a></li><li><a href="https://hao.360.com/?a1004">调拨车调拨量报告</a></li><li><a href="https://hao.360.com/?a1004">三轮车调拨量报告</a></li><li><a href="https://hao.360.com/?a1004">空间使用率报告</a></li><li><a href="https://hao.360.com/?a1004">人员稼动率分析</a></li><li><a href="https://hao.360.com/?a1004">成品出货量报告</a></li><li><a href="https://hao.360.com/?a1004">收料入库统计报告</a></li><li><a href="https://hao.360.com/?a1004">物管一课一周大事报告</a></li><li><a href="https://hao.360.com/?a1004">物管二课一周大事报告</a></li><li><a href="https://hao.360.com/?a1004">成品课课一周大事报告</a></li><li><a href="https://hao.360.com/?a1004">三厂一周大事报告</a></li><li><a href="https://hao.360.com/?a1004">物管部改善报告</a></li><li><a href="https://hao.360.com/?a1004">共同奋进创造机遇</a></li><li><a href="1">群山之巅 终有你我</a></li><li>  <p ><i>版权 © 物管部B5B3J00M0E</i></p></li></script></ul>
<div style="margin-left:11%;padding:20px 136px;height:75px;"><h1> </h1>
<meta name="author" content="Runoob">
<meta http-equiv="refresh" content="66"></head>
<video width="1170" height="560" controls="controls" autoplay="autoplay"><source src="/i/movie.ogg" type="video/ogg" /><source src="未来已来.mp4" type="video/mp4" /><source src="/i/movie.webm" type="video/webm" /><object data="未来已来.mp4" width="1170" height="560"><embed width="1170" height="560" src="/i/movie.swf" /></object>
</video></form> 
</body>
</html>

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注