通过实操HTML静态页面构建，优化框架结构、简化代码，并解决布局居中及定位问题，提升用户体验。
昨天练习了好多HTML的静态页面，刚开始写的乱七八糟，后来经过指导做了部分修改，但还是有些地方不太完善。下面是代码：
<!--版本信息-->
<html>
<head>
<title>增值业务办理</title>
<link type="text/css" href="飞信01.css" rel="stylesheet"/>
<meta http-equiv="refresh" content="300" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>
.a{ text-decoration:none;}
li{ list-style-type:none;}
.li{ list-style-type:none;}
input,label {vertical-align:middle}
</style>
</head>
<body>
<div id="div">
<div id="d"><label><a href="#">首页</a>><a href="#">增值业务办理</a>><a href="#">飞信</a></label></div>
<div>
<li><label>详细介绍:</label></li>
<li><label>资费标准:</label></li>
<li>飞信,飞信交友业务资费包括功能费和通讯费。</li>
<li><label>功能费:</label></li>
<li>1.飞信免功能费。</li>
<li>2.飞信交友功能费5元/月，不足一个月按照一个月收费。当月注销后再次开通的用户不重复收取功能费。</li>
<li><label>通讯费:</label></li>
<li>1.手机发送或回复的短信和各品牌短信资费标准相同。</li>
<li>2.使用WAP客户端,智能手机客户端登陆所产生的GPRS流量，按照各品牌GPRS资费标准计取流量费。</li>
</div>
<div>
<li><input type="button" value="开通"> <input type="button" value="返回"></li>
</div>
（这个div的问题，我想实现开通和返回两个按钮居中，但是没有实现，还有待改正。）
<div>
<div id="d"><a href="#">快捷菜单列表 增值业务专区</a></div>
<li><input type="button" value="返回首页"></li>
</div>
（在这里要实现的是，把这两列放在页面的左下角，有待高手指点）
</div>
</body>
</html>
总结：经过昨天的练习和学习，小结几点：1.写代码要先写好框架，然后再具体化；2.没必要写的标记不写，页面越简洁越好；3.每天进步一点，每天总结昨天的错误，同样的错误不再出现。
扫一扫
7536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
