liangge,lianggerende
1、求html5网页设计成品，要求两个以上，各10个子网页，附件俱全。
这个压缩包里面有三个html5网页设计成品。还有一个txt文档，里面是这些网页模板的下载网站，那里还有几百个html模板，你自己觉得我给你找的不满意，可以去那里看看。
追问
没有中文的吗？追答
可以把英文修改成中文就可以了。中文版的html模板还真没有。2、请给我一个定义10行两列的html代码
<table><tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
追问
是要文本格式啊DIV?3、html怎么将两个div并排显示啊？
在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:
（1）设置为行内样式，display:inline-block
（2）设置float浮动
（3）设置position定位属性为absolute
以下为三种方式的具体实现代码
1、设置每个div的展现属性为行内样式，示例代码为
<divclass="app">
<divstyle="display:inline-block;background:#f00;">div1</div>
<divstyle="display:inline-block;background:#0f0;margin-left:10px;">div2</div>
</div>
2、设置float浮动，示例代码为
<divclass="app">
<divstyle="float:left;background:#f00;">div1</div>
<divstyle="float:left;background:#0f0;margin-left:10px;">div2</div>
</div>
3、设置position定位属性为absolute,示例代码为
<divclass="app">
<divstyle="position:absolute;width:100px;background:#f00;">div1</div>
<divstyle="position:absolute;left:100px;background:#0f0;margin-left:10px;">div2</div>
</div>
扩展资料
css清除浮动方法
（1）添加新的元素、应用clearboth
.clear{
clear:both;
height:0;
height:0;overflow:hidden;
}
（2）父级div定义overflow:auto
.over-flow{
overflow:auto;
zoom:1;//处理兼容性问题}
（3）伪类 :after方法 outer是父div的样式
.outer{zoom:1;} /==forIE6/7Maxthon2==/
.outer:after{
clear:both;
content:'.';
display:block;
width:0;
height:0;
visibility:hidden;
}
参考资料来源CSS官方文档css-float
参考资料来源CSS官方文档css-Positioning
4、两个html页面之间怎么传递参数值
使用Cookie传递参数，a页面保存Cookie，b页面读取，代码如下
a页面
<html><head>
<title>a</title>
<style type="text/css">
{margin:0}
body {text-align:center;min-width:760px}
div {padding:3px 3px 3px 3px}
#main {width:720px;margin:0 auto;text-align:left;margin-top:30px}
#main div span {width:50px}
</style>
<script type="text/javascript">
/
@param {string} cookieName Cookie名称
@param {string} cookieValue Cookie值
@param {number} nDays Cookie过期天数
/
function SetCookie(cookieName,cookieValue,nDays) {
/当前日期/
var today = new Date();
/Cookie过期时间/
var expire = new Date();
/如果未设置nDays参数或者nDays为0，取默认值1/
if(nDays == null || nDays == 0) nDays = 1;
/计算Cookie过期时间/
expire.setTime(today.getTime() + 3600000 24 nDays);
/设置Cookie值/
document.cookie = cookieName + "=" + escape(cookieValue)
+ ";expires=" + expire.toGMTString();
}
function login() {
var username = $("user").value;
var password = $("pass").value;
/是否选中7天内无需登录/
var save = $("save").checked;
if(username=="abc" && password=="abc") {
if(save) SetCookie("username",username,7);
else SetCookie("username",username,1);
/跳转到ex8.html页面/
document.location = "b.htm";
} else {
alert("用户名或密码错误！");
}
}
function $(id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<div id="main">
<div><span>用户名</span><input type="text" id="user" /></div>
<div><span>密码</span><input type="password" id="pass" /></div>
<div>
<input type="checkbox" id="save" />
7天内无需登录
<input type="button" onclick="login()" value="登录" />
</div>
</div>
</body>
</html>
b页面
<html><head>
<title>b</title>
<script type="text/javascript">
/
读取指定的Cookie值
@param {string} cookieName Cookie名称
/
function ReadCookie(cookieName) {
var theCookie = "" + document.cookie;
var ind = theCookie.indexOf(cookieName);
if(ind==-1 || cookieName=="") return "";
var ind1 = theCookie.indexOf(';',ind);
if(ind1==-1) ind1 = theCookie.length;
/读取Cookie值/
return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}
function $(id) {
return document.getElementById(id);
}
function init() {
var username = ReadCookie("username");
if(username && username.length>0) {
$("msg").innerHTML = "<h1>欢迎光临," + username + "!</h1>";
} else {
$("msg").innerHTML = "<a href='a.htm'>请登录</a>";
}
}
</script>
</head>
<body onload="init()">
<div id="msg"></div>
</body>
</html>
效果如下
5、html中如何将两个div并列显示
并排的话，你需要使用CSS的float属性，然后在设置浮动；比如
<divstyle="widht:500px">
<divstyle="float:left;width:200px">左</div>
<divstyle="float:left;width:200px">右</div>
</div>
这样，这个两个DIV标签就在同一行上了（靠左），有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX的空白
<divstyle="widht:500px">
<divstyle="float:left;width:200px">左</div>
<divstyle="float:right;width:200px">右</div>
</div>
以上写法，也是在同一行。不同的是，一个靠左，一个靠右。
这里边的两个DIV的中间有100PX的空白。