芙蓉商城主页面HTML代码(芙蓉商城主页面html代码)

http://www.itjxue.com  2023-02-02 22:22  来源:未知  点击次数: 

下图是某商城商品分类页面,请按图片用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的时候,你觉得别人能马上教会我和老外用流利口语交流么?

新华书店买点书,认真学几个月就会了...

(责任编辑:IT教学网)

更多

推荐CSS教程文章