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>

 

posted @ 2020-02-21 07:00  梁劲雄  阅读(722)  评论(0编辑  收藏  举报