<h3>有序无序列表</h3>
<h4>无序列表</h4>
外层ul,内层li,type属性表示标识的类型,type属性也可以针对某个值进行制定修改<br>
<ul type="squre">
<li>1</li>
<li type="circle">2</li>
<li>列表嵌套
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</li>
</ul>
<h3>文件列表</h3>
<ul type="squre">
<li>我的电脑
<ul type="circle">
<li>本地磁盘(C:)
<ul type="disc">
<li>我的文档</li>
<li>我的收藏</li>
</ul>
</li>
<li>本地磁盘(D:)
<ul type="disc">
<li>我的游戏</li>
<li>我的电影</li>
</ul>
</li>
</ul>
</li>
</ul>
<h4>有序列表</h4>
外层ol,内层li<br>
<ol type="i">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<h1>考试列表</h1>
<ol>
<li>第一题内容
<ol type="A">
<li>选项A</li>
<li>选项B</li>
<li>选项C</li>
<li>选项C</li>
</ol>
</li>
<li>第二题内容
<ol type="A">
<li>选项A</li>
<li>选项B</li>
<li>选项C</li>
<li>选项C</li>
</ol>
</li>
</ol>
<h4>定义列表</h4>
<dl>
<dt>标题</dt>
<dd>内层内容,相对于标题右移一点</dd>
</dl>
<h4>表格</h4>
跨行rowspan,跨列colspan<br>
<!-- table标签中使用align会将整个表格相对网页对齐 -->
<table border="1" align="center">
<!-- tr行标签中的align会移动整行元素相对表格的位置 -->
<tr align="center"> <!--表格:table 行:tr 列:td -->
<td>1</td>
<!-- rowspan跨行 -->
<td rowspan="2">1-2</td>
<td>1-3</td>
</tr>
<tr align="right"> <!--表格:table 行:tr 列:td -->
<!-- valign可以确定数据在整个表格中的垂直位置 -->
<td valign="bottom">22222<br>222</td>
<td>2-2<br><br>22</td>
</tr>
<tr> <!--表格:table 行:tr 列:td -->
<td>333333333333</td>
<td colspan="2">水平移动align左中右<br>垂直移动valign上中下</td>
</tr>
</table>
HTML/CSS笔记2-有序无序列表/表格
最新推荐文章于 2024-04-04 02:25:44 发布