网页中设定表格边框的厚度的属性_【在线实践】网页设计综合练习78

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

(1)打开主页index.html，设置网页标题为“莲花简介”，设置表格属性：居中对齐，边框线粗细设置为0，网页背景色为 #E1E1E1。

(2)设置表格第1行第2列中的文字“莲花”在单元格中居中对齐，并设置文字格式(CSS目标规则名称为.Y)：字体为华文行楷，字号为36像素，颜色为#A928FF。

(3)在第2行第1列单元格中插入鼠标经过图像，原始图像为“莲花1.jpg”，鼠标经过图像为“莲花2.jpg”，点击该图像时可跳转至“http://www.lianhua.com” ,设置图像大小为200×200像素。

(4)在第2行第2列单元格中的文字后面插入图像“莲花3.jpg”，设置大小为50×50像素，对齐方式为顶端。在第3行第2列单元格中插入一条紫色水平线(#FF00FF)，设置其高度为5像素。

(5)在第4行第2列单元格中的“姓名：”后添加一个宽度为20字符的文本域，在“性别：”后面添加一个列表框，选择项为“男”和“女”，在“爱好：”后面添加一组名为RG的单选按钮，选择项为“荷花”和“莲花”，默认选择“莲花”。

样张：

操作演示：

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

(1)打开主页index.html，设置网页标题为“爱莲说”，设置表格属性：居中对齐，边框线粗细设置为0，网页背景色为 #E1E1E1。

(2)设置文字“爱莲说”在单元格居中对齐，并设置文字格式(CSS目标规则名称为.YS)：字体为华文行楷，字号为36像素，颜色为#A928FF。

(3)在第2行第2列单元格中的文字前插入两个全角空格，在第2行第3列单元格中插入鼠标经过图像，原始图像为“莲花1.jpg”，鼠标经过图像为“莲花2.jpg”，设置图像大小为200×200像素。

(4)在第3行第2列单元格中插入一个电子邮件链接“联系我们”，邮件地址为“admin@lianhua.com”, 在第3行第3列单元格中插入一个超链接“回到页首”，单击该链接可回到网页最上方(命名锚记为MA)，即标题“爱莲说”所在单元格。

(5)在第2行第1列单元格中的“姓名：”后添加一个宽度为10字符的文本域，在“密码：”后添加一个宽度为10字符的密码文本域，在“身份：”后面添加一个换行符和一组名为RG的单选按钮，选择项为“管理员”和“普通用户”。

样张：

操作演示：