HTMLCSS笔记2-有序无序列表表格

<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>