WEB第2次课外作业.docVIP

CSS应用（第二单元） 1、在网页中设计一个浮动窗口(iframe)。当按下‘浮动窗口’和‘本窗口’时分别作相应的超链接，如图1所示效果。 图1 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title浮动窗口示例/title /head body iframe src=/ name=iframe width=600 height=400 align=center id=iframe/iframe p align=centera href=# 本窗口/a/p p align=centera href=#浮动窗口/a/p /body /html 2、应用表单标记，设计如图2所示效果的网页中。 图2 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD /HEAD BODY from h2用户调查/h2 label姓名: input type=text name=textname1 /labelbr label网址: input type=text name=textname2 value=http:// /labelbr label密码: input name=textname3 type=password maxlength=15 /labelbr label确认密码: input type=password name=textname4 maxlength=15 /labelbr label请上传你的照片： input type=file name=filename /labelbr 请选择你喜欢的音乐: labelinput type=checkbox checked=checked摇滚乐/label labelinput type=checkbox爵士/label labelinput type=checkbox流行乐/labelbr 请选择你居住的城市： labelinput type=radio checked=checked北京/label labelinput type=radio 上海/label labelinput type=radio 广州/labelbr 请选择你喜欢的网站： select name=web size=3 multiple option value=sina新浪/option option value=yahoo雅虎/option option value=sohu搜狐/option option value=baidu百度/option/selectbr 请选择你喜欢的水果: select name=fruitsize=1 multiple option value=pingguoapple/option option value=mangguomango/option option value=shiliuguava/option/selectbr 请留言： textarea name=say rows=4 cols=30 /textareabr label input type=submit name=buttonvalue=提交/label nbsp;nbsp; label input type=reset name=button value=重置/label /from /BODY /HTML 3、使用DW工具，设计在对应区域显示图片，如图3所示效果，使用框架集标记。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title /head frameset rows=30%,