web前端开发题库

1、设置网页标题为“木兰辞”；2、将设置“木兰辞”一级标题，格式居中；3、插入图片img/木兰辞.jpg，将图片大小设置成200 × 200 px；鼠标滑动到图片上时会显示“花木兰”三个字；4、设置img的样式表：边框线为双实线，红色，5px宽度；5、将鞍鞯设置为一个空链接；6、设置正文为段落，首行缩进2字符；完成文字描述代码编写。

成绩表；第一行：姓名 语文 数学 计算机基础；人名、分数自定。

1、设置网页标题为“成绩表”；2、设置表格3行4列的表格；3、将表格边框粗细设置为实线、2px、蓝色、居中；4、设置背景（图片：img/背景.jpg），不允许重复背景；5、将表格线合并；完成文字描述代码编写。

1、设置网页标题为“个人信息”；2、设置表单发送位置为空，设置提交方式为post；3、设置用户名为单行文本框，初始值为”请输入用户名”；4、设置密码，只允许输入六位密码；5、设置邮箱为单行文本框，初始值为”@gmail.com”；6、设置邮箱下拉列表，下拉列表需要包含123@qq.com，456@163.com，789@gmail.com，102@yahoo.com；选项与第5项链接；完成文字描述代码编写。

1、设置网页标题为“登录信息”；2、设置表单提交方式为get；3、设置登录名为单行文本框，温馨提示-登录名必须包含“数字+字母+特殊符号”；设置密码；4、性别设置单选，并将女设为默认；5、设置登录用途说明，10*30显示，并设置提示字符：“请输入登录用途”。6、设置“温馨提示”按钮---“欢迎来到HTML网站”，设置提交按钮，设置重置按钮；完成文字描述代码编写。

1、设置网页标题为“我的推送”；2、为网页添加背景img/star.gif；3、设置标题“我的推送”为一级标题，楷体，颜色：#FF69B4；4、设置文字为二级标题“推荐的文章”，“推荐的音乐”，“推荐的电影”；5、内部超链接，链接颜色为：未访问链接："pink"， 鼠标移入链接："yellow" ，已访问链接："green"；6、设置“我的推送”文字为左右滚动字幕，并在其下加水平线间隔；完成文字描述代码编写。

1、设置网页标题为“员工相框”；2、设计一个“2行4列”的表格；3、分别在第一行4个单元格内插入对应图片（img/赵一.jpg；img/钱二.jpg；img/孙三.jpg；img/李四.jpg），设置图片内容为：边框：8px,立体，紫色（purple）；4、分别在第二行的4个单元格内录入与图片对应人名，文字大小:15px,颜色:紫色，字形：黑体，居中；5、为四个图片添加“空”链接，显示目标为新网页；6、去掉表格线；完成文字描述代码编写。

1、设置网页标题为“导航栏”；2、设置标题文字“网页设计软件列表（点击查看）”为黑体字；二级标题；颜色为#009966，设置“点击查看”颜色为#FF0000；3、在标题下设置水平线宽度为750PX，高度为3PX，颜色为#5E2D00；4、用无序列表制作导航文字：Photoshop软件；illustrator软件；Dreamweaver软件；Fireworks软件；添加“空”链接；设置字体内容为："微软雅黑"，大小为14px;颜色为#5E2D00;右边内边距30px；5、鼠标移入时设置内容为：字体大小: 18px;无下划线;边框为: 2px 实线 颜色为#F60;背景颜色为: #FC9；完成文字描述代码编写。

1、设置网页标题为“静夜思”；2、建立层，750 x 485 px，背景图img/月色.jpg，图片不重复；內距顶端70px，50px圆角，外距左右自动，上下0px；3、设置段落输入古诗：标题静夜思，正文床前明月光，疑是地上霜。举头望明月，低头思故乡，每段文字一行。文本设置：居中，透明度0.7，行高30px；字体颜色：#84deff，4、设置层包含内容区、内边距和边框；完成文字描述代码编写。