【Web前端基础】实验2 列表的定义和应用

项目1 设计制度宣传展板

网页效果图:

效果图

文字材料:

大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关。
必须严格执行仪器设备运行记录制度,记录仪器运行状况、开关机时间。凡不及时记录者,一经发现,停止使用资格一周。
使用仪器必须熟悉本仪器的性能和操作方法,本科生作毕业论文使用时应有教师在场,熟悉操作使用后必须经有关教师和实验人员同意方可进行独立操作。
仪器使用完毕,必须将各使用器件擦洗干净归还原处,盖上防尘罩,关闭电源,打扫完室内清洁,方可离开。
下次使用者,在开机前,首先检查仪器清洁卫生、仪器是否有损坏,接通电源后,检查是否运转正常。发现问题及时报告管理员,并找上一次使用者问明情况,知情不报者追查当次使用者责任。
若在操作使用期间出现故障,应及时关闭电源,并向有关管理人员报告,严禁擅自处理、拆卸、调整仪器主要部件,凡自行拆卸者一经发现将给予严重处罚。用后切断电源、水源,各种按钮回到原位,并做好清洁工作、锁好门窗。
所有仪器设备的操作手册及技术资料原件一律建档保存,随仪器使用的只能是复印件。
保持仪器清洁,仪器的放置要远离强酸、强碱等腐蚀性物品,远离水源、火源、气源等不安全源。
各仪器要根据其保养、维护要求,进行及时或定期的干燥处理、充电、维护、校验等,确保仪器正常运转。每学期进行一次仪器使用检查,发现有损坏应及时请有关部门维修。
仪器不能随意搬动,更不能借给外单位使用;校内人员经实验室主任批准后可在实验室按上述规定使用。

项目1HTML代码:

<!doctyoe html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大型分析仪器管理方法</title>
    <style type="text/css">
    div{
      
      text-align:center;}
    </style>
</head>
<body background="2_2.jpg">

    <h1 align="center"><span style="background-color: mediumslateblue"><font color="white">大型分析仪器管理方法</font></span></h1>
    <b>
        
        <ol type="1",start="1">
        <li>大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关。</li>
        <li>必须严格执行仪器设备运行记录制度,记录仪器运行状况、开关机时间。凡不及时记录者,一经发现,停止使用资格一周。</li>
        <li>使用仪器必须熟悉本仪器的性能和操作方法,本科生作毕业论文使用时应有教师在场,熟悉操作使用后必须经有关教师和实验人员同意方可进行独立操作。</li>
        <li>仪器使用完毕,必须将各使用器件擦洗干净归还原处,盖上防尘罩,关闭电源,打扫完室内清洁,方可离开。</li>
        <li>下次使用者,在开机前,首先检查仪器清洁卫生、仪器是否有损坏,接通电源后,检查是否运转正常。发现问题及时报告管理员,并找上一次使用者问明情况,知情不报者追查当次使用者责任。</li>
        <li>若在操作使用期间出现故障,应及时关闭电源,并向有关管理人员报告,严禁擅自处理、拆卸、调整仪器主要部件,凡自行拆卸者一经发现将给予严重处罚。用后切断电源、水源,各种按钮回到原位,并做好清洁工作、锁好门窗。</li>
        <li>所有仪器设备的操作手册及技术资料原件一律建档保存,随仪器使用的只能是复印件。</li>
        <li>保持仪器清洁,仪器的放置要远离强酸、强碱等腐蚀性物品,远离水源、火源、气源等不安全源。</li>
        <li>各仪器要根据其保养、维护要求,进行及时或定期的干燥处理、充电、维护、校验等,确保仪器正常运转。每学期进行一次仪器使用检查,发现有损坏应及时请有关部门维修。</li>
        <li>仪器不能随意搬动,更不能借给外单位使用;校内人员经实验室主任批准后可在实验室按上述规定使用。</l1>
    </ol></b>
    <h3 align="right">大型仪器管理办公室</h3>
</body>
</html>

项目2 制作饭店菜单价目表

网页效果图:

网页效果图

文字材料:

心满意粥
菜心粒肉片粥…6元
皮蛋瘦肉粥…5元
香茜鱼片粥…8元
生菜丝骨腩粥…6元
枣丝杞子猪肝粥…6元
状元及第粥…8元
生菜肚丝粥…8元
明火白粥…2元
饮料
矿泉水…2元/瓶
旺仔牛奶…5元/瓶
高山青草奶…10元/瓶
王老吉…5元/罐
雪碧…4元/瓶
可口可乐…4元/罐
和其正凉茶…4元/罐
康师傅红/绿茶…4元/瓶
红酒
特饮干红…98元/瓶
法国查尔斯干红…128元/瓶
注册解百纳干红…168元/瓶
张裕圆桶干红(特选级)黑色…168元/瓶
张裕圆桶解百纳(特选级)红色…258元/瓶
张裕卡斯特(特选级)黑色…398元/瓶

HTML代码:

<!doctyoe html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绿晶饭店菜单价目表</title>
    <style type="text/css">
    div{
      
      text-align:center;}
    </style>
</head>
<body background="2.3.jpg">
  <h1 align="center"><font style="color: red;" >绿晶饭店菜单价目表</font></h1>
  <div>
  <dl>   
    <dt>心满意粥</dt>
  <dd><font face="隶书" size="+1" >菜心粒肉片粥.......6元</font></dd>
  <dd><font face="隶书" size="+1" >皮蛋瘦肉粥.........5元</font></dd>
  <dd><font face="隶书" size="+1" >香茜鱼片粥.........8元</font></dd>
  <dd><font face="隶书" size="+1" >生菜丝骨腩粥.......6元</font></dd>
  <dd><font face="隶书" size="+1" >枣丝杞子猪肝粥.....6元</font></dd>
  <dd><font face="隶书" size="+1" >状元及第粥.........8元</font></dd>
  <dd><font face="隶书" size="+1" >生菜肚丝粥.........8元</font></dd>
  <dd><font face="隶书" size="+1" >明火白粥...........2元</font></dd>
  </dl>
  
  <dl>
    <dt>饮料</dt>
  <dd><font face="隶书" size="+1" >矿泉水...........2元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >旺仔牛奶.........5元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >高山青草奶......10元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >王老吉...........5元/罐</font></dd>
  <dd><font face="隶书" size="+1" >雪碧.............4元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >可口可乐.........4元/罐</font></dd>
  <dd><font face="隶书" size="+1" >和其正凉茶.......4元/罐</font></dd>
  <dd><font face="隶书" size="+1" >康师傅红/绿茶....4元/瓶</font></dd>
</dl> 

<dl>
    <dt>红酒</dt>
  <dd><font face="隶书" size="+1" >特饮干红.........................98元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >法国查尔斯干红..................128元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >注册解百纳干红..................168元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >张裕圆桶干红(特选级)黑色......168元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >张裕圆桶解百纳(特选级)红色...258元/瓶</font></dd>
  <dd><font face="隶书" size="+1" >张裕卡斯特(特选级)黑色.........398元/瓶</font></dd>
</dl>
</div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/Lailalalala/article/details/126071842
今日推荐