HTML-列表标签list与表格标签table

列表标签

     <ul>无序列表
               属性：
                   type 列表类型   值：disc实心圆 circle 空心圆 square 方块

       <ol> 有序列表
               属性：
                   type 列表类型    值：A a 1 I i等
                   start 起始值     值：起始字母/数字
                   reversed 倒序      值：reversed

示例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
  
    <ul type="disc"><font color="red">只是个标题</font>
    	<li>列表1</li>
    	<li>列表1</li>
    	<li>列表1</li>

    </ul>

    <ol type="a" start="3" reversed="reversed"><font size="5">有序列表</font>
    	<li><a href="http://www.baidu.com" target="_blank">列表1</a></li>
		<li><a href="./success.html">登录窗口</a></li>
		<li>列表1</li>

		<li>列表1</li>


    </ol>
</body>
</html>

<a>标签超链接标签

属性：

href：网站地址例如：http://www.12356789.com

target：跳转形式 _self在自己网页打开 _blank另开一个网页打开

效果是：

表格标签

表格标签 <table>
               属性：
                   width height：px
                   border：边框
                   cellpadding:单元格内文字与边框的距离
                   cellspacing:外边距
                   align: "left" "center"
                   bgcolor：背景颜色
               标签
                   <tr>:行
                       属性：
                           align：对齐
                           bgcolor：背景纯色
                           height：高
                   <td>:列

属性：

colspan：横向合并
rowspan：竖向合并

示例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		

	<table border="1" cellspacing="0" cellpadding="15px" bgcolor="#776655" width="1366">
		<thead align="center">
			<!-- 表头属性 -->
			<tr> 
				<th>日期</th>
				<th>年龄</th>
				<th>生日</th>	
			</tr>
			<tr></tr>

		</thead>
		<tbody align="center">
			<tr>
				<td rowspan="2">hello</td>
				<td>abandon</td>
				<td>im</td>
			</tr>
			<tr>
				
				<td>you</td>
				<td>hello</td>
			</tr>
		</tbody>
		<tfoot align="center">
			 <!-- tfoot :表尾 添加总计等附加内容
			 		 -->
			<td colspan="2">合计</td>
		    
			<td>256</td>
		</tfoot>
	</table>


</body>
</html>

效果是：

做早期界面时一般使用表格属性写的，现在一般不适用表格写了