实验一 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、设置文本“-百度快照-评价”为灰色、下划线的效果。

• 1
• 2