html官网首页模板（html网站模版）

本文目录一览：

• 1、html 初学者 网站模板
• 2、网站html模板如何使用
• 3、html个人主页模板
• 4、急，求一个简单的html个人网页模板，静态就行
• 5、有什么好的HTML免费模板网站推荐？
• 6、有哪些html模板的网站是免费的

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格式的网页模板用：

1、ages 放图片的

2、index.html 主页

3、style 修改样式

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

html个人主页模板

html个人网站模板现在有很多种类型，所以自己要懂得如何去辨别这些。凡科html个人主页模板是专业的技术员制作的，也不需要下载模板，直接可以在线操作，拖拉栏目，调整位置，在补充自己的idea和创意，一个属于自己的新网站出来了

急，求一个简单的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免费模板网站推荐？

metinfo.cn/product/ 响应式网站模板，不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。

有哪些html模板的网站是免费的

CmsEasy_可视化编辑网站系统_适合企业网站建设_网站制作_快速建站

网站内有近二百套免费模版，样式精美，可根据不同的企业行业进行筛选，找到最适合公司的一套模版，带有cmseasy网站程序后台，可在后台对网站前端内容进行修改更新，帮助打造更精美的企业官网。

html官网首页模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html网站模版、html官网首页模板的信息别忘了在云尚网络www.ysfad.net进行查找喔。