html 表格表单

本文介绍了HTML中表格的创建,包括table、tr、td、rowspan和colspan的使用,以及表格样式的设置,如边框、隔行换色等。接着讲解了长表格的thead、tbody和tfoot的使用,以及表单的创建,如form、input、select、textarea等元素的属性和用途,以及如何创建单选按钮、复选框和下拉列表。
摘要由CSDN通过智能技术生成

一,表格

1、在HTML中,使用table标签来创建一个表格
 2、在table标签中使用tr来表示表格中的一行,有几行就有几个tr
 3、 在tr中需要使用td来创建一个单元格,有几个单元格就有几个td
 4、table标签里有自带的属性: border="1" width="40%" align="center"
 5、rowspan用来设置纵向的合并单元格
 6、colspan横向的合并单元格

<body>
     <table border="1" width='50%' align="center">
       <tr>
         <td>姓名</td>
         <td>体重</td>
         <td>身高</td>
         <td rowspan="4">匹总拢</td>
       </tr>
       <tr>
         <td>张三</td>
         <td>100kg</td>
         <td>180cm</td>
       </tr>
       <tr>
        <td>李四</td>
        <td>50kg</td>
        <td>190cm</td>
      </tr>
      <tr>
        <td colspan="3">放为肯。</td>
      </tr>
     </table>
  </body>

二,表格样式

1.表格边框属性 border: 1px solid red,设置红色宽度为1像素的边框

2.table和tr,td设置border就会出现双线边框,解决此问题有两种方法

1): border-spacing:0px

2):border-collapse [kə'læps] 设置行和单元格的边是否合并
            如果设置了边框合并,则border

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值