[HTML]入门小知识,列表?框架?表格?来吧。纯手工制作,满满都是智慧

本文详细介绍了HTML中的列表类型及其样式定义,包括无序列表、有序列表和定义列表,并通过五个练习帮助读者巩固知识。接着讲解了iframe框架的使用和注意事项,以及如何创建和操作表格,包括单元格的合并与排列。最后,强调了对表格属性的熟练掌握对于提升HTML技能的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

一、列表

列表样式定义:

练习一:

练习二:

练习三:

练习四:

练习五:

 二、框架

卡点小知识:

练习:

三、表格

定义:

练习一:

练习二: 

练习三:

四、总结


(接上一期知识,咱们继续讲解。)

一、列表

   列表样式定义:

                 1.无序列表:

                          <ul>

                              <li></li>

                              <li></li>

                         </ul>

                  2.有序列表:

                         <ol>

                             <li></li>

                             <li></li>

                         </ol>

                   3.定义列表:

                         <dl>

                            <dt></dt>

                            <dd></dd>

                            <dd>/dd>

                         </dl>

                                                 

                                              来个小练习吧,实战中总结经验。

练习一:

<!DOCTYPE html>
<html>
  <head>
    <title>练习一</title>
  </head>
  <meta charset="utf-8"/>
  <body>
    <h1>明年起 电动车禁止上电梯 电梯停用不公示原因最高罚2万</h1>
	<p>发布时间:2016-11-22 06:58:22    来源:郑州晚报</p><hr/>
		&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 
        <img src="imgss/pic.jpg"/>
	<p>&emsp;报社讯 电梯里要安装监控设备,电动车不能上电梯。近日,《郑州市电梯使用安全管 
       理办法》通过并对外公布,电梯需要安装监控设备并保护有效运行,违者最高可被罚3万元。 
       同时明确乘坐电梯的7种禁止行为,包括电动车禁止上电梯等。该《办法》字2017年1月1日起 
       施行。郑报融媒记者  董艳竹 李雪</p>
	<p>&emsp;这7种行为《办法》</p>
	<p>&emsp;明令禁止</p>	
	<ol>
	<li><p>乘坐明示处于非正常状态的电梯;</p></li>
	<li><p>在超过额定载重量时乘坐电梯;</p></li>
	<li><p>携带自行车(含电动自行车,已折叠的自行车除外)乘坐电梯;</p></li>
	<li><p>违反电梯安全警示标志操作电梯;</p></li>
	<li><p>采用扒撬等非正常手段开启电梯层门、轿门;</p></li>
	<li><p>拆除、破坏电梯的安全注意事项、使用标志、应急救援电话、电梯安全责任投保信息、 
           报警装置、安全部件及其他附属设施;</p></li>
	<li><p>其他危机电梯安全运行和他人乘坐安全的行为。</p></li>
	</ol>
  </body>
</html>

注:其中的img是自己添加的图片,大家可以根据自己的想法更换图片,重要的是,了解其组合原理,会运用即可。

效果如下图:

 练习二:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值