HTML 表格制作

最新推荐文章于 2022-08-29 15:09:23 发布

neymar116

最新推荐文章于 2022-08-29 15:09:23 发布

阅读量162

点赞数

分类专栏： web 文章标签： html

本文链接：https://blog.csdn.net/qq_50777680/article/details/116766690

版权

web 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

HTML 表格制作

要求如下
在这里插入图片描述

<!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>表格制作</title>
</head>
<table width="60%" height="15%" border="1" align="center">  
     <!-- 宽 高 边框属性 水平对齐方式-->
     <!--    <table> 标签定义 HTML 表格。

             简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

             tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

             更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。-->

    <tr>                    <!-- 如要求可知要做4行-->
       <td colspan="2" bgcolor="red">1</td>  <!-- 单元格可横跨的列数-->
       <td>2</td>
       <td>3</td>
    </tr>

    <tr>
       <td rowspan="2" bgcolor="green">4</td>
       <td>5</td>
       <td rowspan="3" bgcolor="pink">6</td>
       <td rowspan="2" bgcolor="skybule">7</td>
    </tr>

    <tr>
       <td>8</td>
    </tr>

    <tr>
       <td>9</td>
       <td>10</td>
       <td>11</td>
    </tr>

</html>

在这里插入图片描述

neymar116

关注

0
点赞
踩
0

收藏

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

HTML 表格制作要求如下<!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">
复制链接

扫一扫

专栏目录