太原理工大学web程序阅读.docx
《太原理工大学web程序阅读.docx》由会员分享，可在线阅读，更多相关《太原理工大学web程序阅读.docx（10页珍藏版）》请在冰点文库上搜索。
太原理工大学web程序阅读
1
根据注释的要求，补全代码。
（1） /*设置页面标题为“图像标签”*/
（2） /*将文字“插入图像”显示为3号子标题*/
alt="这是一张插图"
width="200"
height="200"
（3） /*设置3px的边框效果*/
（4） /*设置鼠标悬停时显示" LOGO图片"的文本提示效果*/>
2.按下图所示效果，参照注释提示信息，完成代码填充。
列表的属性
— 填充说明：
（1）直接使用标记使“最新上榜”标题加粗；
（2）指定列表项编号为数字；（3）从第2个开始编号；（4）指定列表项编号为英文大写字母； -->
（1）
（2） （3） >
周大侠
七月 是非题
天亮了
顺其自然
3
根据注释提示信息补全代码。
functioncheckusername（）{
varYourname=myform.username.value;
if（
（1） ） //Yourname为空字符或不输入时
{ alert（"用户名不能空！
"）;}
else
{ varfirstchar=Yourname.
（2） ; //获取用户输入的首字符
if（firstchar>="0"&&firstchar<="9"） //首字符不能为数字
{ alert（"用户名第一个字符不能为数字！
"）;
}
else{
if（ （3） ） //Yourname的长度小于6或大于16
{alert（"用户名长度大于等于6且小于等于16！
"）;}}}}
表单验证
用户名：
/*单击并调用函数checkusername*/
4
按下图所示效果，参照注释提示信息，完成代码填充。
样式表-排版
.p3{text-transform:
capitalize;}
/*类选择p4定义说明：
（1）段首空2个字符；
（2）设置行高为35px；（3）设置背景色为#000033；（4）设置文字居中对齐（5）设置字符间距为2px;（6）引用样式p4*/
.p4{
（1） ;
（2） ; （3） ; （4） ; （5） ; color:
#ffffff;}
核心提示：
3月30日，京东商城推出火车票预订和代购业务。
目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网（以下简称铁友网）等。
铁道部称，12306网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。
commissioner,independentcommission
5
用CSS+DIV完成下图页面布局设计，并按注释提示信息填充代码。
DOCTYPEhtml>
DIV+CSS应用
#header{
（1） ; /* 头部宽度为100%*/
height:
70px;background:
#99cc66;border-bottom:
1pxsolid#ffffff;}
#mainbody{width:
100%;height:
200px;border-bottom:
1pxsolid#ffffff;}
#left{
（2） ; /*左边盒子向左浮动 */
background:
#99cc33;width:
20%;height:
200px;
（3） ; /*盒子右边框2px、实线、白色#ffffff*/
}
#middle{
（4） ; /*中间盒子上、下边距为0，左、右边距为25%*/
background:
#cccc66;height:
200px;}
#right{float:
right;background:
#99cc00;width:
20%;height:
200px;}
#footer{width:
100%;height:
50px;background:
#995500;}
#clearfloat{clear:
both;border-bottom:
1pxsolid#ffcc00;}
头部