您的位置:首页 > Web前端 > HTML

HTML——表格(二) 列表

2014-06-13 14:26 288 查看


 

<!--5、表格的互相嵌套-->
<table width="400" height="200" align="center"  border="2" cellspacing="0"  cellpadding="5" >
<tr>
<td>
<table width="200" height="100" align="center" >
<tr>
<th colspan="3" align="center">一周列表</th>
</tr>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
</tr>
<tr>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
</tr>
<tr>
<th colspan="3" align="center">星期天</th>
</tr>
</table>
</td>

<td>
<table>
<tr>
<td align="center">语言学习</td>
</tr>
<tr>
<td align="center">C语言</td>
</tr>
<tr>
<td align="center">C++</td>
</tr>
<tr>
<td align="center">Java</td>
</tr>
</table>
</td>
<tr>
<td bgcolor="#FFCC66" align="center">第一列</td>
<td bgcolor="#CCCC66" align="center">第二列</td>
</tr>
</table>




<!--一、列表-->
<!--1、有序列表标记<ol>,其列表项标记是<li>-->
<!--type属性有5种: 1(序号为数字),A(序号为大写英文字母),a(序号为小写英文字母),I(序号为大写罗马字母),i(序号为小写罗马字母)-->

<ol type="I">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
</ol>

<!--2、无序列表标记<ol>,其列表项标记是<li>-->
<!--type属性有3种: disc(序号为实心圆),circle(序号为空心圆),square(序号为是实心方点),I(序号为大写罗马字母),i(序号为小写罗马字母)-->
<ul type="disc">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
</ol>

<!--自定义列表的标签是<dl>,列表项标签是<dt>和<dd>-->
<dl>
<dt>请看一下内容1</dt>
<dd>内容一<dd>
<dd>内容二<dd>
<dd>内容三<dd>

<dt>请看一下内容2</dt>
<dd>内容一<dd>
<dd>内容二<dd>
<dd>内容三<dd>
</dl>


 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: