作业一
编写代码,实现下图所示的页面效果。
要求:页面上方水平分割线粗细为 2px,颜色为:#000fff,页面下方水平分割线粗细为 1px,
颜色为#00ffff
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自荐信</title>
</head>
<body>
<p style="text-align: center;">自荐信</p>
<hr style="border: 2px solid #000fff;">
<p>尊敬的领导:</p>
<p style="text-indent: 2em;">您好!</p>
<p style="text-indent: 2em;">感谢您在百忙之中启阅我的自荐材料!相信此刻的停留不会让您失望!</p>
<p style="text-indent: 2em;">我是信息管理与信息系统专业的本科毕业生。经过四年的大学学习和锻炼,与同龄人一样,我即将走上工作岗位,通过社会来证实自己的知识和能力。为了找到一份符合自己特长和兴趣的工作,更好地发挥自己的才能,实现自己的人生价值,我冒昧地写下这封信,希望得到您的认可,能为贵公司服务。</p>
<p style="text-indent: 2em;">此致</p>
<p>敬礼!</p>
<hr style="border: 1px solid #00ffff;">
<p style="text-align: center;"><i>联系E-mail:[email protected]</i></p>
</body>
</html>
作业二
编写代码,实现下图所示的页面效果。要求:
1)3 号标题字设置标题“数学方程式”,字体 24px,颜色红色,文本居中对齐;
2)蓝色分割线,大小 2px,宽度 80%
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数学方程式</title>
</head>
<body>
<h3 style="color: red;size:24px ;text-align: center;">数学方程式</h3>
<hr color="blue" width="80%" size="2px">
<p style="text-align: center;">2x²+3x=9</p>
<p style="text-align: center;">x1+x2=10</p>
</body>
</html>
作业三
编写代码,实现下图所示的页面效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>windows不同版本</title>
<style>
ul{
list-style-type:disc
}
</style>
</head>
<body>
<ol>
<li>windos 95</li>
<li>windos 98</li>
<li>windos NT</li>
<ul list-style-type:disc>
<li>windows NT Workstation</li>
<li>windows NTServer</li>
</ul>
<li>windos 2000</li>
<ul>
<li>windows 2000 Professional</li>
<li>windows 2000 Server</li>
<li>windows 2000 Advance Server</li>
</ul>
<li>windos xp</li>
<li>windos vista</li>
<li>windos 7</li>
<li>windos 8</li>
</ol>
</body>
</html>
作业四
编写代码,实现下图所示的页面效果。
要求:2 号标题标记显示“第四届中国大学出版社图书奖公示”,页面背景色为:#ccffcc
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四届中国大学出版社图书奖公示</title>
</head>
<body bgcolor="#ccffcc">
<h2>第四届中国大学出版社图书奖公示</h2> 优秀教材一等奖(68种)
<ol>
<li>刑事诉讼法(第五版),陈光中主编,北京大学出版社</li>
<li>普通化学原理(第四版),华彤文,王颖霞,卞江,陈景祖 编著,北京大学出版社</li>
<li>音韻學教程(第四版),唐作藩著, 北京大学出版社</li>
<li>保险学(第5版),孙祁祥著, 北京大学出版社</li>
</ol>
...
<br> 优秀教材二等奖(119种)
<ol>
<li>艺术欣赏教程(第2版),杨辛、谢孟 主编,北京大学出版社</li>
<li>经济学基础(第6版),[美] 曼昆著, 北京大学出版社</li>
<li>创新管理:赢得持续竞争优势(第2版),陈劲著, 北京大学出版社</li>
<li>医学遗传学(第3版),傅松滨主编,北京大学医学出版社</li>
</ol>
...
<br>
</body>
</html>
作业五
编写代码,设计 WEB 页面,实现下图所示的页面效果。
要求:
1)4 号标题字显示标题“font 标记及文本标记的应用”
2)将“平淡的语言娓娓道来,如清水芙蓉,不带半点修饰。完全是信手拈来,没有任何矫揉
造作之痕,正是平平淡淡才是真。”首行缩进 5 个字符,字体为黑体、蓝色、大小为 5.
3)将段落“客居他乡的游子,面对如霜的秋月怎能不想念故乡、不想念亲人呢?如此一个千
人吟、万人唱的主题却在这首小诗中表现得淋漓尽致,以至千年以来脍炙人口,流传不衰!”
首行缩进 4 个字符,前一句加粗效果,后一句为斜体并带下划线效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>font标记及文本标记的应用</title>
</head>
<body>
<h4 style="text-align: center;">font标记及文本标记的应用</h4>
<font color="blue" face="黑体" size="5">
<blockquote style="text-indent: 3em;">平淡的语言娓娓道来,如清水芙蓉,不带半点修饰。完全是信手拈来,没有任何矫揉造作之痕,正是平平淡淡才是真。</blockquote>
</font>
<p style="text-indent: 4em;"><b>客居他乡的游子,面对如霜的秋月怎能不想念故乡、不想念亲人呢?</b><i><u>如此一个千人吟、万人唱的主题却在这首小诗中表现得淋漓尽致,以至千年以来脍炙人口,流传不衰!</u></i></p>
</body>
</html>
作业六
编写代码,实现下图所示的页面效果。
要求:2 号标题标记显示“食品安全管理制度”,页面背景色为:#ccffcc
1) 页面标题:“食品安全管理制度”
2) 页面内容:3 号标题字显示“视频安全管理制度”,h3 标记样式为“字体大小 36px, 背景
色 #3366ff,字白色,填充(padding)10px”;在页面底部插入第二个 h3 标记,其内容
是“版权所有©大排档食品有限公司”。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>食品安全管理制度</title>
<style type="text/css">
h3 {
font-size: 36px;
background-color: #3366ff;
color: white;
padding: 10px;
}
</style>
</head>
<body>
<h3 align="center">食品安全管理制度</h3>
<ol type="1">
<li>食堂从业人员和管理人员必须掌握有关食品卫生的基本要求。</li>
<li>食堂从业人员每年必须进行健康检查,新参加工作和临时参加工作的食品生产经营人员都必须进行健康检查
</li>
<li>食堂从业人员在出现咳嗽、腹泻、发热、呕吐等有碍于食品卫生的症状时,应立即脱离工作岗位,待查明病因,排除有碍食品卫生的病症或愈后方可重新上岗。
</li>
<li>
食堂从业人员应有良好的个人卫生习惯必须做到:
<ul type="square">
<li>工作前,处理食品原料后用肥皂及流动清水洗手;接触直接入口食品之前应洗手消毒。</li>
<li>穿戴清洁的工作衣、帽,并把头发置于帽内。</li>
<li>加工食品时不得留长指甲、涂指甲油及戴戒指等。</li>
<li>不得在食品加工和销售场所内吸烟。</li>
</li>
</ol>
<h3 align="center">版权所有©大排档食品有限公司</h3>
</body>
</html>