制作唐诗网页代码_【在线实践】网页设计综合练习12

1、 利用C:\KS\wyA文件夹下的素材(图片素材在wyA\images文件夹下)，按以下要求制作或编辑网页，结果保存在原文件夹下。

(1)打开主页index.html，设置网页标题为"唐诗流派"；设置网页背景图像bj.jpg；设置表格属性：居中对齐，边框线粗细、单元格填充和单元格间距均设置为0。

(2)合并表格第1行1-3列的单元格；设置表格第1行文字在单元格内居中对齐，并设置文字格式(CSS目标规则名称为.F)：字体为微软雅黑，字号为24像素、加粗、颜色为#003300；将第3行第2列中的4行文字添加项目列表。

(3)在第3行第3列单元格插入图片TS2.jpg，图片大小230×230像素(宽×高)；图片超链接到"https://www.baidu.com"，在新窗口中打开该网页。

(4)在第2行第1列单元格中插入水平线，宽度为100%，高度为3像素，颜色为#006600；在最后一行"版权"文字后插入版权符号©；将"与我联系"链接到电子邮件yjk@163.com。

(5)在第4行第2列的表单中添加"学历："下拉菜单，下拉菜单的3个选项分别为："大学及以上"、 "高中"、"初中"；添加"建议："文本区域，其高度为3行，宽度为10个字符；最后添加两个按钮"提交"和"清除"，在两按钮之间插入4个半角空格。

样张

操作演示

2、利用C:\KS\wyB文件夹下的素材(图片素材在wyB\images文件夹下)，按以下要求制作或编辑网页，结果保存在原文件夹下。

(1)打开主页index.html，设置网页标题为“避暑胜地”，设置表格属性：边框线粗细设置为0，设置网页背景图像为“bj.jpg”, 重复：repeat。

(2)设置文字“莫干山欢迎你”在单元格中居中对齐，并设置文字格式(CSS目标规则名称为.M)：字体为华文行楷，字号为36像素，颜色为#D40000。

(3)合并表格第4列第2-3行单元格，并插入图片“jianchi.jpg”，图片大小300×260像素(宽×高)，将该图像超链接到“jianchi.html”，在新窗口中打开。

(4)按样张，给第3行第3列中的文字添加编号列表；为“联系我们”添加电子邮件链接：support@mail.net，并在文字下方插入水平线, 水平线颜色为#800080。

(5)按样张，在表单姓名后插入文本域，性别后插入一组名为RG的单选按钮：男，女；兴趣后插入一组复选按钮：垂钓，游泳，其他；添加两个按钮“提交”和“重置”。

样张：

操作演示