无序列表的实现
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记
无需列表始于标签<ul>。每个列表项始于<li>标签
1 | <ul> |
2 | <li>尚学堂</li> |
3 | <li>百战程序员</li> |
4 | </ul> |
type属性
<ul>的属性type拥有的选项
disc默认实心圆
circle空心圆
square小方块
none不显示
无序列表嵌套
列表是可以嵌套的
常见应用场景
1:无序的列表效果
2:导航效果
1 | <ul> |
2 | <li>Xiaomi手机</li> |
3 | <li>红米</li> |
4 | <li>电视</li> |
5 | <li>笔记本</li> |
6 | </ul> |
表格标签
表格:<table>
行:<tr
单元格:<td>
1 | <table> |
2 | <tr> |
3 | <td></td> |
4 | <td></td> |
5 | </tr> |
6 | <tr> |
7 | <td></td> |
8 | <td></td> |
9 | </tr> |
10 | </table> |
快捷键
快速生成表格结构:table>tr*3>td{单元格}
表格属性
1:border:设置表格的边框
2:width:设置表格的宽度
3:height:设置表格的高度