前端DAY2

1.表格标签

<table>
	<tr>	
	<td> 单元格内的文字</td>

     </tr>
         </table>

<tabel></table> 用于定义表格的标签
<tr></tr>用于定义表格中的行,必须嵌套在<tabel></table>标签中
<td></td>用于定义表格中单元格的内容,必须嵌套在<tr></tr>标签中
<th></th> 定义表头单元格

2 .表格属性

  1. align 属性值:left,right,center 规定表格相对周围元素的对齐方式
  2. border 属性值:1或 “” 规定表格单元是否有边框,默认为""表示没有
  3. cellpadding 属性值:像素 规定单元边沿与其内容之间的空白,默认1像素。
  4. cellspacing 属性值:像素 规定单元格之间的空白,默认两像素
  5. width 属性值:像素或百分比 规定表格的宽度

3.合并单元格

  1. 跨行合并:rowspan=“合并单元格个数”(最上侧为目标单元格)
  2. 跨列合并:colspan=“合并单元格个数”(最左侧为目标单元格)
    合并单元格步骤:
  3. 确定跨行还是跨列
  4. 找到目标单元格,写上合并方式 = 合并单元格的数量
  5. 删除多余的单元格

4.列表标签

  1. 无序列表
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
                 </ul>
   ul里面只能嵌套li
  1. 有序列表
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
                 </ol>
  1. 自定义列表
    自定义列表的使用场景:常用于对术语或者名词进行解释和描述
    <dl>
    <dt>名词</dt>
    <dd>名词解释1</dd>
   <dd>名词解释2</dd>
    ...
                 </dl>
 dl里面只能含有dd和dt
 dd和dt没有个数限制,通常是一个dt对应多个dd
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值