html网站简单模板（html网站模版）

本文目录一览：

• 1、网站html模板如何使用
• 2、html 初学者 网站模板
• 3、急，求一个简单的html个人网页模板，静态就行

网站html模板如何使用

HTML格式的网页模板用：

1、ages 放图片的

2、index.html 主页

3、style 修改样式

4、layout 网页布局框架——主页

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

divimg src="img/test2.jpg"/div

divimg src="img/test3.jpg"/div

div图片4/div

div图片5/div

div图片6/div

div图片7/div

/div

div id="tab-list"

ul

lia href="javascript:;"首页/a/li

lia href="javascript:;"美食/a/li

lia href="javascript:;"交通/a/li

lia href="javascript:;"图片4/a/li

lia href="javascript:;"图片5/a/li

lia href="javascript:;"图片6/a/li

lia 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; itablist.length; i++){

tablist[i].onclick = function(){

starttab(this);

};

};

function starttab(obj){

for(var i = 0; itablist.length; i++){

if(tablist[i] == obj){

tablist[i].className = "active";

tabcon[i].className = "active";

}else{

tablist[i].className = "";

tabcon[i].className = "";

};

};

};

/script

/body

/html

急，求一个简单的html个人网页模板，静态就行

html

head

meta

http-equiv="Content-Language"

content="zh-cn"

meta

http-equiv="Content-Type"

content="text/html;

charset=gb2312"

title这是我的网页/title

meta

name="keywords"

content="这是我的网页"

meta

name="description"

content="这是我的网页"

/head

body

bgcolor="#808080"

div

style="position:

absolute;

width:

450px;

height:

550px;

z-index:

1;

left:

400px;

top:

60px;

padding-left:

60px;

padding-right:

60px;

padding-top:

90px;

padding-bottom:

60px;

background-color:

#FFFFFF"

id="layer1"

p

align="center"b这是我的XXX页/b/p

/body

/html

将上面的所有代码复制到记事本中,将记事本的后缀由txt更改为htm,这样打开后就会看到一张最简单的网页,如果需要多页,只需多复制几份即可,不同的内容需要你更改一下,如:我的网站首页,照片,个人资料,日志等...

关于html网站简单模板和html网站模版的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注云尚网络www.ysfad.net。