【前端作业系列】HTML基础点，训练＜有序列表＞＜无序列表＞（2022年6月15日作业）

一、效果1展示

HTML代码展示

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>h1{color: blue;}small{color: aquamarine;}.tp{text-align: center;}.sj{text-indent: 2em;}</style></head><body><h1>明年起 电动车禁止上电梯 电梯停用不公示原因最高罚2万</h1><small>发布时间：2016-11-22 06：58：22&emsp;来源：郑州晚报</small><hr><div class="tp"><img src="img/pic.jpg" alt="" ></div><div class="sj"><p>报社讯 电梯里要安装监控设备，电动车不能上电梯。近日，《郑州市电梯使用安全管理办法》通过并对外公布，电梯需要安装监控设备并保护有效运行，违者最高可被罚3万元。同时明确乘坐电梯的7种禁止行为，包括电动车禁止上电梯等。该《办法》字2017年1月1日起施行。郑报融媒记者  董艳竹 李雪</p><p>这种行为《办法》</p><p>命令禁止</p><p>1.乘坐明示处于非正常状态的电梯；</p><p>2.在超过额定载重量时乘坐电梯；</p><p>3.携带自行车（含电动自行车，已折叠的自行车除外）乘坐电梯；</p><p>4.违反电梯安全警示标志操作电梯；</p><p>5.采用扒撬等非正常手段开启电梯层门、轿门；</p><p>6.拆除、破坏电梯的安全注意事项、使用标志、应急救援电话、电梯安全责任投保信息、报警装置、安全部件及其他附属设施；</p><p>7.其他危机电梯安全运行和他人乘坐安全的行为。</p><!--  <ol><li>乘坐明示处于非正常状态的电梯；</li><li>在超过额定载重量时乘坐电梯；</li><li>携带自行车（含电动自行车，已折叠的自行车除外）乘坐电梯；</li><li>违反电梯安全警示标志操作电梯；</li><li>采用扒撬等非正常手段开启电梯层门、轿门；</li><li>拆除、破坏电梯的安全注意事项、使用标志、应急救援电话、电梯安全责任投保信息、报警装置、安全部件及其他附属设施；</li><li>其他危机电梯安全运行和他人乘坐安全的行为。</li></ol>--><p><strong>使用：电梯需安装监控并有效运行</strong></p><p>《办法》所称的电梯，包括载人（货）电梯、自动扶梯和自动人行道等。</p><p>对于电梯要不要安装监控一事，《办法》明确，不仅要安装还要保持有效运行。电梯使用单位应当安装电梯安全运行监控设备，并与市特种设备安全监督管理部门的质量安全监管平台链接，保持起有效运行。</p><p>住宅小区电梯需要改造、修理、更新的，电梯使用单位和业主委员会应当及时组织落实，业主应当履行资金筹集义务。</p><p>其中，已建立住宅专项维修资金的，按照规定在住宅专项维修资金中列支。未建立住宅专项维修资金或者住宅专项维修资金余额不足的，业主对费用承担有约定的，按照约定承担；没有约定或者约定不明确的，乡镇人民政府、街道办事处应当协助组织业主筹集落实资金。</p></div></body>
</html>

二、效果2展示

HTML代码展示


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>.yy{width: 500px;height: 400px;background-color: fff;box-shadow:1px 1px 5px 1px  #888 ;line-height: 30px;}p{font-size: 32px;color: blue;}.jy{float: right;font-size: 12px;color: gray;}</style></head><body><div class="yy"><p>最新新闻</p><hr color="gray"><ul><li>能防弹、要上火星的特斯拉电动皮卡，会在中国“大卖”<span class="jy">10:28</span></li><li>官方爆料:realme首款5G设备，快了<span class="jy">17:47</span></li><li>抵水御尘雷柏V530防水背光游戏机械键盘上市<span class="jy">17:44</span></li><li>小米副总裁自曝:Redmi k30将支持5G网络，<span class="jy">17:35</span></li><li>雷军:买5G手机不要急，2020年上半年小米至少出<span class="jy">17:19</span></li><li>是用户也是“小白鼠”:苹果再推健康研究APP，呵护..     <span class="jy">17:07</span></li><li>开启保鲜生活的密码，海信食神450十字对开冰箱有一.. <span class="jy">16:46</span></li><li>「拥抱产业互联网」一年后，腾讯首次完整披露20年技.. <span class="jy">16:20</span></li><li>十亿节点大规模图计算降至分钟级，腾讯开源图计算框架.. <span class="jy">16:13</span></li><li>双十一手机热战现“变局” <span class="jy">15:58</span></li></ul></div></body>
</html>

三、效果3展示

HTML代码展示

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>p{font-size: 20px;text-indent: 1em;background-color: ghostwhite;font-weight: 500px;margin: auto;}.qj{width: 400px;height: 350px;box-shadow:1px 1px 5px 1px  #888 ;line-height: 30px;}</style></head><body><div class="qj"><p>头条推荐</p><ol><li>盘点关于全球旅游胜地的15大误传</li><li>世界四大文明古都，中国的最迷人!</li><li>川师大杀人案嫌犯讲作案动机行凶前喝4瓶酒</li><li>银行金库遭劫:现场留百捆现金值守人员死亡</li><li>关于地铁房的5大误区!买房的必看</li><li>郑漂福利郑州将分配533套公租房!</li><li>思域在哪些城市不加价?</li><li>三厢版宝马1系会有市场吗?</li><li>撞发?没关系!有一种流行叫杨幂偏分侧头杀</li></ol></div></body>
</html>

四、效果4展示

HTML代码展示


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>.qj{width: 400px;height: 450px;background-color: white;line-height: 15px;box-shadow:1px 1px 5px 1px  #888 ;}.yi{width: 400px;height: 100px;background-color: ghostwhite;}div.oy{width: 30px;height: 30px;font-style: italic;color: white;background-color: orange;text-align: center;}span{font-style: italic;font-size: 18px;}span.er{color: red;}span.san{color: #888;}hr{width: 400px;align-items: left;border: 1px dashed darkgray;}</style></head><body><div class="qj"><div class="yi"><p><div class="oy">01</div>&emsp;&emsp;比尔·盖茨人民日报撰文∶中国经</p></div><p><span class="er">02</span>&emsp;日媒调查显示逾8成日本自民党国会议员总裁选举</p><hr><p><span class="er">03</span>&emsp;俄一架失踪的米-8直升机在伊尔库茨克州被找到</p><hr><p><span class="san">04</span>&emsp;菲律宾—网吧爆炸致1死多伤环球国际</p><hr><p><span class="san">05</span>&emsp;加州议会呼吁加强美中经济合作手机人民网</p><hr><p><span class="san">06</span>&emsp;为什么有中国辣妈选择在俄生宝宝?俄媒:学习</p><hr><p><span class="san">07</span>&emsp;麦凯恩葬礼举行:长眠母校基园与昔日同窗相伴</p><hr><p><span class="san">08</span>&emsp;德国研究:父母受教育程度高孩子更健康中国新</p><hr><!-- <ol><li>比尔·盖茨人民日报撰文∶中国经</li><li>日媒调查显示逾8成日本自民党国会议员总裁选举</li><hr><li>俄一架失踪的米-8直升机在伊尔库茨克州被找到</li><hr><li>菲律宾—网吧爆炸致1死多伤环球国际</li><hr><li>加州议会呼吁加强美中经济合作手机人民网</li><hr><li>为什么有中国辣妈选择在俄生宝宝?俄媒:学习<hr></li><li>麦凯恩葬礼举行:长眠母校基园与昔日同窗相伴</li><hr><li>德国研究:父母受教育程度高孩子更健康中国新</li><hr></ol>--></div></body>
</html>

【前端作业系列】HTML基础点，训练＜有序列表＞＜无序列表＞（2022年6月15日作业）相关推荐

2015年10月15日作业
2015年10月15日作业中级学员---徐化栋一.项目质量管理作业 1. 项目质量规划的方法/技术和工具,并简要描述: 1) 效益/成本分析 2) 基准比较 3) 流程图 4) 实验设计 5) 质 ...
【前端作业系列】HTML基础点，训练表格（2022年6月17日作业）
一.产品价格效果1展示 HTML代码部分 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
(九)青龙Tools 正式版/前端网页提交+后台管理/适用于所有场景/开饭开饭开饭【2022年6月15日】【更新】
交流群:点我跳转懒人自助上车:不想自己动手的来我这低价捡漏:低价捡漏好物分享目录来源演示图教程 Docker搭建教程后台信息 Tools面板功能详解 1.仪表盘 2.变量管理 3.面 ...
11月15日作业2,黑洞子弹,子弹发射位置朝着准星方向 UE4斯坦福学习笔记
黑洞子弹 ##这里遇到了问题,作业要求两个子弹,但是我跟着教程创建的黑洞子弹射出后不能吸引周围的物体,传送子弹不起作用,需要未来回来修改创建一个子弹的Base,继承AActor .h文件 prote ...
php如何使用遮罩,CSS绝对定位实现窗口遮罩功能:2019年1月15日作业
CSS绝对定位实现窗口遮罩功能: 这是HTML代码部分实例 html> 绝对定位之遮罩用户登录窗口用户名: 密码: 登录运行实例 » 点击 "运行实例" 按钮查看在线 ...
2022年12月10日作业
Accepted 6 天前 #1: S2392 ASCII码排序 Accepted 5 天前 #2: S3295 字符删除 Accepted 5 天前 #3: S1163 国名排序 Accepted ...
2015年10月15日项目经理中项作业（质量管理与人力资源管理）
2015年10月15日作业(10.11章) 10章.质量管理: 1.项目质量规划的方法/技术和工具,并简要描述: 效益/成本分析基准比较流程图实验设计质量成本分析质量功能展开(QFD) 过程 ...
html无序列表斜体,CSS 有序或者无序列表的前面的标记 list-style-type 属性
例子: ul.none{list-style-type:none} ul.circle {list-style-type:circle} ul.square {list-style-type:squa ...
6、HTML有序列表+无序列表+定义列表
在网站开发过程中,我们经常会使用到列表(list).列表可以将若干条相关的内容进行整理,让内容看起来更加有条理. HTML 为我们提供了 3 种不同的列表: 有序列表无序列表定义列表 1. 有序列 ...
html无序列表中的正方形点点,CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现...
例子: ul.none{list-style-type:none} ul.circle {list-style-type:circle} ul.square {list-style-type:squa ...

【前端作业系列】HTML基础点，训练＜有序列表＞＜无序列表＞（2022年6月15日作业）

一、效果1展示

HTML代码展示

二、效果2展示

HTML代码展示

三、效果3展示

HTML代码展示

四、效果4展示

HTML代码展示

【前端作业系列】HTML基础点，训练＜有序列表＞＜无序列表＞（2022年6月15日作业）相关推荐

最新文章

热门文章

【前端作业系列】HTML基础点 ， 训练＜有序列表＞＜无序列表＞（2022年6月15日作业）

一、效果1展示

HTML代码展示

二、效果2展示

HTML代码展示

三、效果3展示

HTML代码展示

四、效果4展示

HTML代码展示

【前端作业系列】HTML基础点 ， 训练＜有序列表＞＜无序列表＞（2022年6月15日作业）相关推荐

最新文章

热门文章

【前端作业系列】HTML基础点，训练＜有序列表＞＜无序列表＞（2022年6月15日作业）

【前端作业系列】HTML基础点，训练＜有序列表＞＜无序列表＞（2022年6月15日作业）相关推荐