day63-html-列表,表格,标签的嵌套规则
1.列表 1.无序列表 <ul type="disc"> <li>a</li> <li>b</li> </ul> type属性: disc(实心圆点,默认值),因为是默认,可以省略type="disc" circle(空心圆圈) square(实心方块) none(无样式)
取消列表前面的圆点的两种方法:
1. <ul type="none"> 注意none有引号
2. ul{
list-style-type:none
} 2.有序列表 <ol type="1" start="2"> <li>a</li> <li>b</li> </ol> type属性: 1 数字列表,默认值 A 大写字母 a 小写字母 Ⅰ大写罗马 ⅰ小写罗马 start属性:从第几开始 3.标题列表 <dl> <dt>标题1</dt> <dd>内容1</dd> <dt>标题2</dt> <dd>内容1</dd> <dd>内容2</dd> </dl>
2.表格 表格的基本结构: </body> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>收入</th> </tr> </thead> <tbody> <tr> <td>tom</td> <td>18</td> <td>34000</td> </tr> <tr> <td>marry</td> <td>28</td> <td>24000</td> </tr> </tbody> </table> </body> tr是行,th是列,td是内容 属性: border :<table border='1'>添加边框
3.标签的嵌套规则: 3.1 块级标签可以嵌套块级标签和行内标签,行内标签不能嵌套块级标签。div嵌套div用的比较多。 3.2 p标签不能嵌套div标签或块级标签。但div标签可以嵌套p标签。 <div> <div>我是嵌套在div标签里面的div标签</div> </div>