HTML列表和表单

目录

一、HTML列表

1、列表含义

2、列表分类

2.1 有序列表

2.2 无序列表

2.3 自定义列表

二、HTML表单

三、综合实例

1、实例代码

2、实例效果图

---

一、HTML列表

1、列表含义

将一些内容或者样式类似相近，相关的内容一起书写，列表是由列表类型和列表项组成。

2、列表分类

2.1 有序列表

有序列表标签对<ol></ol>，强调顺序关系

<ol  type=””> 

        <li></li>   ：放列表项的内容

</ol>

//(order list),type属性可写可不写

 实例：

        <ol>	/*数字显示1，2，3*/
			<li>冰箱门打开</li>
			<li>把蔬菜放进去</li>
			<li>把冰箱门关上</li>
		</ol>
		
		<ol type="A">	<!-- 改变显示的数字，即改变有序列表ol的属性，改变type的值 -->
			<li>冰箱门打开</li>
			<li>把蔬菜放进去</li>
			<li>把冰箱门关上</li>
		</ol>

效果图：

 

2.2 无序列表

无序列表标签对<ul></ul>,ul即(unorder list)

<ul>

<li>  </li> ：放列表项的内容

</ul>

 实例：

        <ul>
			<li>苹果</li>
			<li>香蕉</li>
            <li>草莓</li>
		</ul