编程语言
首页 > 编程语言> > 学习笔记(71):HTML+CSS+JavaScript基础-HTML&CSS基础表格简介

学习笔记(71):HTML+CSS+JavaScript基础-HTML&CSS基础表格简介

作者:互联网

立即学习:https://edu.csdn.net/course/play/10459/227984?utm_source=blogtoedu

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 表格在日常生活中使用非常多,excel就是专门用来创建表格的工具
         在网页中也可以创建不同的表格
         -->
         <!-- 在HTML中使用table来创建表格 -->
        <table border="1" width="60%" align="center">
        <!-- 在table标签中使用tr标签来表示一行,有几行就有几个tr -->
            <tr>
                <!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
                <td>a1</td>
                <td>a2</td>
                <td>a3</td>
                <td>a4</td>
            </tr>
            <tr>
                <!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
                <td>b1</td>
                <td>b2</td>
                <td>b3</td>
                <!--  rowspan:纵向合并单元格-->
                <td rowspan="2">b4</td>
            </tr>
            <tr>
                <!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
                <td>c1</td>
                <td>c2</td>
                <td>c3</td>
            </tr>
            <tr>
                <!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
                <td>d1</td>
                <td>d2</td>
                <!-- colspan:横向合并单元格 -->
                <td colspan="2">d3</td>
            </tr>
        </table>
    </body>
</html>

标签:表格,JavaScript,b4,course,HTML,CSS
来源: https://blog.csdn.net/qq_35724512/article/details/100359225