HTML列表，表格

html列表

列表分类：有序列表，无序列表，定义列表

有序列表

<ol>表示有序列表，<li>表示列表中的每一项，编号默认使用阿拉伯数字
    
    <p>html有序列表</p>
		<p>煮饭步骤：</p>
		<ol>
			<li>淘米</li>
			<li>加水</li>
			<li>蒸煮</li>
			
		</ol>

无序列表

<ul>表示无序列表   <li>表示列表中的每一项
默认使用圆点作为标记
<p>html无序标签</p>
		<p>球类运动</p>
		<ul>
			<li>篮球</li>
			<li>足球</li>
			<li>排球</li>
			
		</ul>

定义列表

<dl>表示定义列表   <dt>定义术语  <dd>定义描述
    <p>自定义标签</p>
		<dl>
			<dt>HTML</dt>
			<dd>一种标记语言<a href="www.baidu.com" target="_blank">html教程</a>
			
			</dd>
			
			
		</dl>
	

HTML表格

<table border="1" style="border-collapse: collapse;">
		 <!--使用border—collap中的属性来设置collap，表示边框塌陷的意思-->
		
		<caption>这是表格的标题</caption>
		<!--caption表示表格的标题，标题位于第一行并且居中显示，一个标题只能有一个标题，则table标签中也只能有一个caption标签        -->
		
		<!--<table border="1">-->
			<!--table表示表格，表格中所有的内容都要写在table之间
				borad属性来设置表格的边框宽度，单位是像素px
			-->
		
			<tr>
				<th>名称</th>
				<th>官网</th>
				<th>性质</th>	
			</tr>
			<!--th是table heading的简称，表示表头。一般位于第一行，表头显示为粗体居中
				
				th实际上还是tr的一种变体，本质上还是一种单元格
			-->
			
			
			<tr>
				<td rowspan="3">百度百科</td>
				<td>http:www.bing.com</td>
				<td>教育</td>
				
			</tr>
			
			<tr>
				<td>百度</td>
				<td>http://www.baidu.com</td>
				<td>搜索</td>
			</tr>
			
		    <tr>
		  		<td>当当</td>
		    	<td>http://www.dangdang.com</td>
		    	<td>图书</td>
		    </tr>
			
			
			<tr>
				<td colspan="2">http://www.dangdang.com</td>
			</tr>
			
			
			
			<!--
				tr是table row的简称，表示表格中有多少个tr标签就有多少行数据
				
				td是table datacall的简称，表示表格的表头
				
			-->