实验一HTML、CSS网页制作实验 下载本文

内容发布更新时间 : 2024/12/22 14:48:12星期一 下面是文章的全部内容请认真阅读。

实验一 HTML、CSS网页制作实验

一、做出网页1.html,效果如下图所示:

要求如下:

1、诗的题目格式为红色、加粗、居中显示。 2、作者格式为红色、斜体、居右显示。

3、诗的内容字体格式从上到下分别是

,诗的第一行和第三行内容为蓝色字体。

二、做出网页2.html,效果如下图所示。

要求如下: 1、图像加边框。

2、图像相对于文字左对齐。

三、做出网页3.html,效果如下图所示:

要求如下:

文字颜色正常是#3c3c3c、白色背景,鼠标经过时变为#FF8400、#EDEEF0色背景。

四、请做出网页4.html,效果如下图所示。

五、请做出以下网页,效果如下图所示,保存为5.html:

六、请做出网页6.html,效果如下图所示:

要求如下:

1、 使用内嵌式引入CSS样式表。 2、 使用类选择器定义元素。

(1)通过控制不同的类,分别为第一个字母“G”设置为蓝色、加粗、60px字体;

第二个字母“o”设置为红色、加粗、60px字体; 第三个字母“o”设置为黄色、加粗、60px字体; 第四个字母“g”设置为蓝色、加粗、60px字体。

(2)剩余字母“le”按默认样式输出。

七、请做出网页7.html,效果如下图所示。

要求如下:

1、 设置所有文本为宋体、12像素、绿色字体,“春季”字体颜色设为红色。 2、 设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 3、 设置文本首行缩进2个字符。

八、请做出网页8.html,效果如下图所示:

要求如下:

1、设置所有文本为微软雅黑、14像素、黑色字体。 2、新浪”、“新浪网”为红色字体,“博客首页”为蓝色字体,网址及日期为绿色字体。

3、设置标题为16像素、左对齐、下划线的效果。

4、设置文本“-百度快照-评价”为灰色、下划线的效果。