内容发布更新时间 : 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、设置文本“-百度快照-评价”为灰色、下划线的效果。