有序和无序列表-表格-表单

有序和无序列表

有序

无序

css:

改变列表前面的符号

.two{ list-style-type: circle; } .three{ list-style-type:square ; }

HTML

		<ul class="two">
			<li>香蕉</li>
			<li>苹果</li>
		</ul>
		<ul class="three">
			<li>香蕉</li>
			<li>苹果</li>
		</ul>
		<!--有序列表-->
		<ol>
			<li>穿衣服</li>
			<li>吃饭</li>
		</ol>
		<!--换行-->
		<br />

展示效果

​ 空心圆心

• 香蕉

• 苹果

  实心圆心

• 香蕉

• 苹果

1. 穿衣服
2. 吃饭

表格

table

odd奇数，even偶数

<table><tr>header</tr></table>

<table><td>date</td></table>

表单

from

示例：

			<table border="" cellspacing="" cellpadding="">
				<tr><th>Header</th><th>Header</th></tr>
				<tr><td>用户</td><td><input type="text" name="" id="" value="" /></td></tr>
				<tr><td>用户</td><td><input type="password" name="" id="" value="" /></td></tr>
				<tr><td><button>提交</button></td><td><button>重置</button></td></tr>
			</table>
		</form>