[Web Front-end Basics] Definition and Application of Experiment 2 List

Project 1 Design system publicity display board

Web page renderings:

renderings

Character material:

Large-scale instruments must be kept by a special person, and must be equipped with a regulated power supply. Before use, you must first check the connection of the circuits between the instruments, then turn on the regulated power supply, and then turn on the instrument switch.
The instrument and equipment operation record system must be strictly implemented, and the operating status of the instrument and the time of switching on and off must be recorded. Anyone who fails to record in time, once discovered, will stop using the qualification for one week.
To use the instrument, you must be familiar with the performance and operation methods of the instrument. Undergraduate students should have a teacher present when they use it for their graduation thesis. After they are familiar with the operation and use, they must be approved by the relevant teachers and experimenters before they can operate independently.
After the instrument is used, all used parts must be wiped clean and returned to the original place, covered with a dust cover, turned off the power, and cleaned before leaving the room.
Next time the user, before turning on the machine, first check whether the instrument is clean and hygienic, whether the instrument is damaged, and after turning on the power, check whether it is operating normally. Report the problem to the administrator in time, and ask the previous user about the situation, and those who do not report the situation will be held accountable for the current user.
If there is a failure during operation, the power should be turned off in time and reported to the relevant management personnel. It is strictly forbidden to handle, disassemble, and adjust the main parts of the instrument without authorization. Anyone who disassembles by himself will be severely punished once found. After use, cut off the power supply and water source, return various buttons to their original positions, do a good job of cleaning, and lock the doors and windows.
The originals of operation manuals and technical data of all instruments and equipment shall be archived and kept, and only copies shall be used with the instruments.
Keep the instrument clean. The instrument should be placed away from corrosive substances such as strong acid and alkali, and away from unsafe sources such as water, fire, and gas.
Each instrument should be dried, charged, maintained, and calibrated in a timely or regular manner according to its maintenance and maintenance requirements to ensure the normal operation of the instrument. Check the use of the instrument once every semester, and if any damage is found, it should be repaired by the relevant department in time.
Instruments cannot be moved at will, and cannot be lent to outside units for use; personnel in the school can use them in the laboratory according to the above regulations after being approved by the laboratory director.

Item 1HTML code:

<!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>

Project 2 Make a restaurant menu price list

Web page renderings:

Web page renderings

Character material:

Heart Satisfaction Congee Congee
with Choi Sum and Sliced ​​Meat...RMB 6 Preserved Egg and Lean Meat Congee
...RMB 5
Xiangxi Fish Fillet Congee...RMB 8 Shredded
Lettuce and Bone Belly Congee...RMB 6
Jujube and Goji Fruit Pork Liver Congee...RMB 6
and No. 1 Congee...8 Yuan
lettuce tripe porridge...8 yuan
open fire white porridge...2 yuan
beverages
mineral water...2 yuan/bottle
Wangzai milk...5 yuan/bottle
alpine grass milk...10 yuan/bottle
Wanglaoji...5 yuan/can Sprite
...4 yuan/bottle
Coca-Cola ...4 yuan/can
Heqizheng herbal tea...4 yuan/can
Master Kong red/green tea...4 yuan/bottle Red
wine
special drink dry red...98 yuan/bottle
French Charles dry red...128 yuan/bottle
Registered Cabernet dry red...168 RMB/bottle Changyu Cask
Dry Red (Special Grade) Black…168RMB /bottle bottle

HTML code:

<!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>

Guess you like

Origin blog.csdn.net/Lailalalala/article/details/126071842