学生html个人网站模板(网页制作作业,做一个html的个人主页网站 求求急急急!!)
本文目录
网页制作作业,做一个html的个人主页网站 求求急急急!!
你就不用想了。能看出学生的作品那肯定是新手,新手没人给你做,有这个时间人家还玩会或者学习呢,就算不是新手,你也不介意看不出是学生作品的,人家也没人给你做。除非是手里有现成的,你百度搜搜,看看有多少要这个的,有给100-200悬赏的都没人给。
html 初学者 网站模板
《!DOCTYPE html》
《html》
《head》
《meta charset=“UTF-8“》
《title》《/title》
《style》
body{
height:500px;
background: linear-gradient(#A6CADE,#F8C6F8) no-repeat;
}
ul,li,div {
padding:0;margin:0;
}
.container{
width: 500px;
margin:0 auto;
}
#tab-con div{
display: none;
width:500px;
height:282px;
}
#tab-con div img{
width: 100%;
height:100%;
}
#tab-con div.active{
display: block;
}
#tab-list ul li{
float:left;
list-style: none;
}
#tab-list ul li a{
display: block;
width:70px;
text-align: center;
text-decoration: none;
color:#000;
background: #D6D6D1;
}
#tab-list ul li.active a{
color:#fff;
background:#f96302;
}
《/style》
《/head》
《body》
《div class=“container“》
《div id=“tab-con“》
《div class=“active“》《img src=“img/test1.jpg“》《/div》
《div》《img src=“img/test2.jpg“》《/div》
《div》《img src=“img/test3.jpg“》《/div》
《div》图片4《/div》
《div》图片5《/div》
《div》图片6《/div》
《div》图片7《/div》
《/div》
《div id=“tab-list“》
《ul》
《li》《a href=“javascript:;“》首页《/a》《/li》
《li》《a href=“javascript:;“》美食《/a》《/li》
《li》《a href=“javascript:;“》交通《/a》《/li》
《li》《a href=“javascript:;“》图片4《/a》《/li》
《li》《a href=“javascript:;“》图片5《/a》《/li》
《li》《a href=“javascript:;“》图片6《/a》《/li》
《li》《a href=“javascript:;“》图片7《/a》《/li》
《/ul》
《/div》
《/div》
《script》
var tablist = document.getElementById(’tab-list’).getElementsByTagName(’li’);
var tabcon = document.getElementById(’tab-con’).getElementsByTagName(’div’);
for(var i = 0; i《tablist.length; i++){
tablist[i].onclick = function(){
starttab(this);
};
};
function starttab(obj){
for(var i = 0; i《tablist.length; i++){
if(tablist[i] == obj){
tablist[i].className = “active“;
tabcon[i].className = “active“;
}else{
tablist[i].className = ““;
tabcon[i].className = ““;
};
};
};
《/script》
《/body》
《/html》
更多文章:
slic 查看(win7系统怎么查看bios中slic信息)
2024年5月3日 08:35
世界摩托大奖赛可以在手机上玩吗?请告诉我2005年度世界摩托大奖赛(motoGP)的冠军是谁
2024年7月23日 00:04
一键root权限免费下载(ROOT大师如何一键获取安卓手机root权限)
2024年7月4日 13:50
大连“发现王国”里什么游戏最值得玩有哪些攻略吗?大连游戏厅能退钱吗
2023年7月26日 01:00
百度扫一扫脸型配发型(百度扫一扫自己脸型配发型,扫一扫什么脸型配什么发型)
2024年8月26日 21:25
数字时钟下载安装桌面(可以在桌面上设置一个会走的钟(时间)吗)
2024年7月29日 14:10
《明日之后》采集职业攻略之挖矿工?明日之后初级挖矿工卖什么最赚钱
2024年6月25日 14:31