芙蓉商城主页面HTML代码(芙蓉商城主页面html代码)
下图是某商城商品分类页面,请按图片用html制作出如下页面,并将主要代码写在答卷上,并写出你的设计方法
上面那行字,设置属性text-derection为under-line这样就会有下划线....
下面菜单用一个DIV里面嵌套五个DIV。
每个DIV的宽高设置好。
第一个DIV的渐变效果代码略复杂,可以找个图做背景,商品分类和全部分类超链接设置属性disaplay为block,一个左浮动一个右浮动,行高属性(line-height)设置成与DIV的高度一直,这样垂直才会居中,下面的应该大同小异。
用DISAPLAY设置为BLOCK之后会变成块级元素,下面的超链接全都要设置成左浮动,像【家用电器】那样的,你可以直接打空格控制缩进距离,也可以调整左边距。。。
嗯。。。不懂可以继续问。。。本人大一,HTML学的还凑合
登录页面html代码
html?xmlns=""head
?meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"
?title贵美商城/title
?link?rel="stylesheet"?type="text/css"?href="css/global.css"
?link?rel="stylesheet"?type="text/css"?href="css/layout.css"
script?type="text/javascript"
//?snameCheck()??passCheck()
function?validateform(){
if(snameCheck()??passCheck())?
???return?true;
?else
???return?false;
}
//?Screen?Name?Validation
function?snameCheck(){
var?sname?=?document.getElementsByName("sname")[0].value;
var?illegalChars?=?/\W/;
if(sname.length?!=?0){
if(illegalChars.test(sname)){
document.getElementById("passMsg").innerHTML.replace(/'会员名无效'/,'');
????document.getElementById("passMsg").innerHTML='会员名无效';
document.getElementsByName("sname")[0].select();
return?false;
}
}
else
{
document.getElementById("userMsg").innerHTML.replace(/'是否忘记输入会员名?'/,'');
?document.getElementById("userMsg").innerHTML='是否忘记输入会员名?';
document.getElementsByName("sname")[0].focus();
return?false
}
if(sname!=="zhangsan"){???//验证会员名必须为张三
document.getElementById("userMsg").innerHTML.replace(/'是否输入的会员名有错?'/,'');
??document.getElementById("userMsg").innerHTML='是否输入的会员名有错?';
document.getElementsByName("sname")[0].focus();
return?false;
}
return?true;
}
function?passCheck(){
var?userpass?=?document.getElementsByName("pass")[0].value;
var?illegalChars?=?/[\W_]/;//?allow?only?charactors?and?numbers
//?Check?if?Password?field?is?blank.
if(userpass?==?""){
document.getElementById("passMsg").innerHTML.replace(/'未输入密码?\n"?+?"请输入密码'/,'');
????document.getElementById("passMsg").innerHTML='未输入密码?\n"?+?"请输入密码';
document.getElementsByName("pass")[0].focus();
return?false;
}
//?Check?if?password?length?is?less?than?6?charactor.
if(userpass.length??6){
document.getElementById("passMsg").innerHTML.replace(/'密码必须多于或等于?6?个字符。\n'/,'');
????document.getElementById("passMsg").innerHTML='密码必须多于或等于?6?个字符。\n';
document.getElementsByName("pass")[0].focus();
return?false;
}
//check?if?password?contain?illigal?charactors.
else?if(illegalChars.test(userpass)){
document.getElementById("passMsg").innerHTML.replace(/'密码包含非法字符'/,'');
????document.getElementById("passMsg").innerHTML='密码包含非法字符';
document.getElementsByName("pass")[0].select();
return?false;
}
if(userpass!=="123456"){????//验证密码必须为123456
??document.getElementById("passMsg").innerHTML.replace(/'密码错误,请重新输入!'/,'');
????document.getElementById("passMsg").innerHTML='密码错误,请重新输入!';
document.getElementsByName("pass")[0].focus();
return?false;
}
return?true;
}
/script?
script?type="text/javascript"?charset="utf-8"?src=""/script/head
body
div?id="container"
iframe?id="header"?src="header.htm"?width="980"?height="136"?frameborder="0"?scrolling="no"/iframe
form?action="login_success"?method="post"
div?class="login"
ul?class="form?f_l"
h1img?src="images/logintitle.gif"?alt="会员登录"/h1
li?class="login_list"label会员名:/labelinput?type="text"?name="login"(可包含?a-z、0-9?和下划线)/li
li?class="login_list"label密nbsp;nbsp;nbsp;码:/labelinput?type="text"?name="pwd"(至少包含?6?个字符)/li
li?class="a_c"img?src="images/login.gif"?alt="登录"/li
li?class="desc"δnbsp;nbsp;a?href="#"什么是安全登录/a。/li
li?class="desc"δnbsp;nbsp;香港会员(繁体中文用户)由此a?href="#"登入/a/li
li?class="desc"δnbsp;nbsp;a?href="#"密码安全贴士/a。/li
li?class="desc"δnbsp;nbsp;防止病毒或者木马窃取您的账户信息,a?href="#"在线检查/a您的电脑是否安全。/li
/ul
h1img?src="images/register.gif"?alt="注册会员"/h1
ul?class="aside?f_l"
li?class="regpic"span便宜有好货!/span超过7000万件商品任您选。/li
? li?class="regpic?regpic2"span买卖更安全!/span交易超安全。/li
li?class="regpic?regpic3"span免费开网店!/span轻松赚钱交友。/li
li?class="regpic?regpic4"span超人气社区!/span彩活动每一天/li
li?class="a_c"a?href="#"img?src="images/registernow.gif"?alt="现在就注册"/a/li
ul?class="reged"
li?class="regpic?regpic5"您已经是会员?a?href="#"由此登入/a/li
li?class="regpic?regpic6"繁体中文用户由此a?href="#"注册/a/li
/ul
/ul
/div
/form
iframe?id="footer"?src="footer.htm"?width="980"?height="136"?frameborder="0"?scrolling="no"/iframe
/div?!--container?end--
div?class="_bd_ext_tip"?style="visibility:?hidden;"span?class="_bd_ext_search"百度一下/spanspan?class="_bd_ext_open"打开链接/spanspan?class="_bd_ext_copy"复制/span/div/body/html

网上商城系统登录页面html代码怎么写
div
div
lable账号/lable
input placeholder="输入你的账号"
/div
div
lable密码/lable
input placeholder="输入你的密码"
/div
button登录/botton
/div
结构大致这样 样式自己调了
用css+div怎样做芙蓉商城首页
我只会26个英文字母和hello的时候,你觉得别人能马上教会我和老外用流利口语交流么?
新华书店买点书,认真学几个月就会了...