1.html网页制作、源码跪求源代码
2.求一个简单的个人静态的个人网页源代码 要html的
3.跪求,网页制作成品,网页用HTML和CSS制作的下载孤岛模块源码,要有源代码,源码只为交作业,个人dnf登入器源码十万火急!网页!下载!源码
html网页制作、个人跪求源代码
效果图,网页自己换,下载html代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>泰国</title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<div class="box">
<div class="titles">泰国</div>
<div class="img-box">
<img class="auto-img" src="images/a.jpg"/>
</div>
<div class="text-box">
<div class="text-box-a">
<a href="#">曼谷、源码vanthink online源码芭提雅(珊瑚岛、个人金沙岛)5晚7天</a>
</div>
<div class="text-box-a">
东航直飞曼谷客机,网页入住1晚曼谷国际5星+4晚泰式5星酒店,python安装源码芭提雅双岛(珊瑚岛+金沙岛)清...
</div>
<div class="text-box-a">
出发日期:星期一,星期二,星期三,星期四,星期五
</div>
</div>
<div class="bottom ovf">
<div class="fl text-a1">
班期:每周发团
</div>
<div class="fr">
<div class="price">¥ </div>
<div class="rush-to-buy">立即抢购</div>
</div>
</div>
</div>
</body>
</html>
css样式:
html,body{
padding:0;
margin:px 0 0;
}
a{
text-decoration:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ovf{
overflow: hidden;
}
.box{
width:%;
margin:0 auto;
border:1px dashed #;
padding:4px;
}
.titles{
width:%;
text-align: center;
color:#ffffff;
background-color: #ff;
}
.img-box{
width:%;
margin-top: 4px;
}
.auto-img{
display: block;
width:%;
}
.text-box{
width:%;
}
.text-box-a{
width:%;
font-size: px;
line-height: px;
letter-spacing: 1px;
}
.text-box-a>a{
color:#ff;
}
.bottom{
margin-top: px;
}
.text-a1{
font-size: px;
font-style: italic;
font-style:oblique;/*为保证斜体效果加一个*/
}
.price{
font-size: px;
color:#8B3E2F;
}
.rush-to-buy{
width:px;
text-align: center;
background-color: #ff;
font-size: px;
}
求一个简单的静态的个人网页源代码 要html的
我教你,你把下面这段文字保存为test.htm,就可以用网页浏览器打开了。
<html>
<title>最简单的图网源码静态页面</title>
<body> This is a simplest static page demostration.</body>
</html>
跪求,网页制作成品,用HTML和CSS制作的,要有源代码,只为交作业,十万火急!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">demo@demo.com</a></p>
</div>
</div>
</body>
</html>
css为:
body{
background-color:#c6;
margin: 0px;
padding:0px;
text-align:center;
font-size:px;
font-family:Arial, Helvetica, sans-serif;
}
#container{
position:relative;
margin:0px auto 0px auto;
width:px;
text-align:left;
}
div br{
display:none;
}
#globallink{
margin:0px; padding:0px;
}
#globallink ul{
list-style:none;
padding:0px; margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:px;
}
#globallink a{
display:block;
padding:9px 6px px 6px;
background:url(button1.jpg) no-repeat;
margin:0px;
}
#globallink a:link, #globallink a:visited{
color:#a;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}
#left{
float:left;
width:px;
background-color:#FFFFFF;
margin:0px;
padding:0px 0px 5px 0px;
color:#d8ecff;
}
#left div{
background-color:#5ea6eb;
margin:0px 5px 0px 5px;
}
#weather{
background:url(weather.jpg) no-repeat -5px 0px;
margin:0px 5px 0px 5px;
background-color:#5ea6eb;
}
div#left #weather h3{
font-size:px;
padding:px 0px 0px px;
color:#FFFFFF;
background:none;
margin:0px;
}
div#weather ul{
margin:8px 5px 0px 5px;
padding:px 0px 8px 5px;
list-style:none;
}
#weather ul li{
background:url(icon1.gif) no-repeat 0px 6px;
padding:1px 0px 0px px;
}
#left div h3{
font-size:px;
padding:4px 0px 2px px;
color:#;
margin:0px 0px 5px 0px;
background:#bbddff url(icon2.gif) no-repeat 5px 7px;
}
#today{
padding:0px 0px px 0px;
}
#today ul{
list-style:none;
margin:-5px 0px 0px 0px;
padding:0px;
}
#today ul li{
text-align:center;
}
#today ul li img{
border:1px solid #FFFFFF;
margin:8px 0px 0px 0px;
}
#today ul li a:link, #today ul li a:visited{
color:#d8ecff;
text-decoration:none;
}
#today ul li a:hover{
color:#FFFF;
text-decoration:underline;
}
#middle{
background-color:#FFFFFF;
margin:0px 0px 0px 2px;
padding:5px 0px 0px 0px;
width:px; float:left;
}
#middle div{
margin-left:5px;
margin-right:5px;
position:relative;
}
#middle h3{
margin:0px; padding:0px;
height:px;
}
#middle h3 span{
display:none; /* 文字去掉,换成 */
}
#beauty{
margin:px 0px 0px 0px;
padding:0px;
}
#beauty h3{
background:url(picture_h1.gif) no-repeat;
}
#beauty ul, #route ul{
list-style:none;
margin:8px 1px 0px 1px;
padding:0px;
}
#beauty ul li{
float:left;
width:px;
text-align:center;
}
#beauty ul li img{
border:1px solid #4ab0ff;
}
#route{
clear:both; margin:0px;
padding:5px 0px px 0px;
}
#route h3{
background:url(route_h1.gif) no-repeat;
}
#route ul li{
padding:3px 0px 0px px;
background:url(icon1.gif) no-repeat px 7px;
}
#route ul li a:link, #route ul li a:visited{
color:#e8a;
text-decoration:none;
}
#route ul li a:hover{
color:#;
text-decoration:underline;
}
#right{
float:left;
margin:0px 0px 1px 2px;
width:px;
background-color:#FFFFFF;
color:#d8ecff;
}
#right div{
position:relative;
margin-left:5px;
margin-right:5px;
background-color:#5ea6eb;
}
#right div h3{
font-size:px;
padding:4px 0px 2px px;
color:#;
margin:0px 0px 5px 0px;
background:#bbddff url(icon2.gif) no-repeat 5px 7px;
}
#map{
margin-top:5px;
}
#map p{
text-align:center;
margin:0px;
padding:2px 0px 5px 0px;
}
#map p img{
border:1px solid #FFFFFF;
}
#food{
padding-top:px;
}
#food ul, #life ul{
list-style:none;
padding:0px 0px px 0px;
margin:px px 0px px;
}
#food ul li, #life ul li{
background:url(icon1.gif) no-repeat 3px 9px;
padding:3px 0px 3px px;
border-bottom:1px dashed #EEEEEE;
}
#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{
color:#d8ecff;
text-decoration:none;
}
#food ul li a:hover, #life ul li a:hover{
color:#;
text-decoration:none;
}
#life{
padding-top:px;
padding-bottom:5px;
margin-bottom:5px;
}
#footer{
background-color:#FFFFFF;
margin:1px 0px 0px 0px;
clear:both;
position:relative;
padding:1px 0px 1px 0px;
}
#footer p{
text-align:center;
padding:0px;
margin:4px 5px 4px 5px;
background-color:#5ea6eb;
}
#footer p a{
color:#FFFFFF;
text-decoration:none;
}