HTML 表单+表格

最新推荐文章于 2024-03-11 19:24:59 发布

章鱼Cc_yoo

最新推荐文章于 2024-03-11 19:24:59 发布

阅读量495

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/Cc200171/article/details/124352787

版权

本文介绍了HTML中的表格元素，包括<table>, <tr>, <th>和<td>的使用，并讲解了CSS reset在表格样式中的应用，如border-collapse和padding重置。此外，还探讨了单元格的colsppan和rowspan属性用于合并。接着转向HTML表单，讲解了<form>标签，各种输入元素如<input>, <select>和<textarea>，以及表单的method属性（GET和POST）和action、method属性的作用。" 116424951,10403749,阿里后端Java面试全记录：从笔试到HR面，经验分享,"['分布式', '设计模式', '编程语言', '面试', 'Java']

摘要由CSDN通过智能技术生成

表格

一、标签

<table>既不是块标签，行标签，也不是行块标签</table>

二、css reset

table{ border-collapse;} 单元格间隙合并

th,td{ padding: 0;} 重置单元默认填充

三、单元格合并

colsppan 横向合并

rowspan 纵向合并

四、练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>table</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        table {
            border-collapse: collapse;
        }
        td {
            width: 40px;
            height: 26px;
            text-align: center;
            /* display: table-cell; */
            /* vertical-align: middle; */
        }
    </style>
</head>
<body>

    <table border="1">
        <tr>
            <td rowspan="5">1</td>
            <td>2</td>
            <td colspan="2">3</td>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
            <td>2</td>

最低0.47元/天解锁文章

章鱼Cc_yoo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 表单+表格

表格一、标签<table>既不是块标签，行标签，也不是行块标签</table><tr>表格行</br><th>表头</th><td>单元</td>二、css resettable{ border-collapse;} 单元格间隙合并th,td{ padding: 0;} 重置单元默认填充三、单元格合并colsppan 横向合并rowspan 纵向合并四、练习
复制链接

扫一扫