day63-html-列表,表格,标签的嵌套规则

时间:2025-01-25 11:32:50
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>
day63-html-列表,表格,标签的嵌套规则 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'>添加边框
day63-html-列表,表格,标签的嵌套规则day63-html-列表,表格,标签的嵌套规则 3.标签的嵌套规则:
3.1 块级标签可以嵌套块级标签和行内标签,行内标签不能嵌套块级标签。div嵌套div用的比较多。
3.2 p标签不能嵌套div标签或块级标签。但div标签可以嵌套p标签。
<div>
<div>我是嵌套在div标签里面的div标签</div>
</div>