html绘制表格

最新推荐文章于 2024-07-12 11:17:24 发布
最新推荐文章于 2024-07-12 11:17:24 发布
阅读量184 收藏 2
点赞数
原文链接：https://www.cnblogs.com/lwl80/p/13403853.html
版权

原文地址：https://www.cnblogs.com/lwl80/p/13403853.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 表格标签 -->
        <!-- 表格绘制 -->

        <table align="center" width="760px" border="1px" bordercolor="pink" cellspacing="0" cellpadding="10">
            <caption>个人资料表</caption>

            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"> <b>个人资料</b> </td>
            </tr>

            <tr height="27px">
                <td>姓名：</td>
                <td width="110px"> </td>
                <td>性别：</td>
                <td width="110px"> </td>
                <td rowspan="5" align="center" width="130px">照片</td>
            </tr>

            <tr>
                <td>姓名：</td>
                <td width="120px"> </td>
                <td>性别：</td>
                <td width="120px"> </td>
            </tr>

            <tr>
                <td>姓名：</td>
                <td width="120px"> </td>
                <td>性别：</td>
                <td width="120px"> </td>

            </tr>

            <tr>
                <td>姓名：</td>
                <td width="120px"> </td>
                <td>性别：</td>
                <td width="120px"> </td>

            </tr>

            <tr>
                <td>姓名：</td>
                <td width="120px"> </td>
                <td>性别：</td>
                <td width="120px"> </td>

            </tr>

            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"><b>主修课程</b> </td>
            </tr>

            <tr>
                <td colspan="5" height="60px"></td>
            </tr>

            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"><b>主修课程</b> </td>
            </tr>

            <tr>
                <td colspan="5" height="60px"></td>
            </tr>

            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"><b>主修课程</b> </td>
            </tr>

            <tr>
                <td colspan="5" height="60px"></td>
            </tr>


            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"><b>主修课程</b> </td>
            </tr>

            <tr>
                <td colspan="5" height="60px"></td>
            </tr>


            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"><b>主修课程</b> </td>
            </tr>

            <tr>
                <td colspan="5" height="60px"></td>
            </tr>


            <tr align="left" bgcolor="aliceblue">
                <td colspan="5"><b>主修课程</b> </td>
            </tr>

            <tr>
                <td colspan="5" height="60px"></td>
            </tr>

        </table>

    </body>
</html>

思月行云
关注
HTML制作表格
算法与编程之美
02-19 3810
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。问题描述用html表格制作如何能够做出一个类似Excel...
HTML中表格的制作
04-26
NULL 博文链接：https://foreach4.iteye.com/blog/2348467
【表格样式】——HTML制作表格大全
热门推荐
Hello World
08-13 11万+
标签的属性设置 带边框的表格： FoodDrinkSweet ABC Food Drink Sweet A B C 不带边框的表格： FoodDrinkSweet ABC Food Drink Sweet A B C
【HTML入门】第十课 - 表格，也就是table标签
最新发布
xingyu_qie的专栏
07-12 879
这一小节，我们说一下HTML中的表格。比如我们常常看见的学生成绩单，比如excel一个单元格一个单元格的，这些都是表格。表格的标签名是。
html制作表格
chalotte_kan的博客
07-18 3378
html简单制作表格
用html绘制一个表格
weixin_42613017的博客
02-15 130
下面是一个简单的 HTML 表格示例： <table> <tr> <th>姓名</th> <th>年龄</th> <th>城市</th> </tr> <tr> <td>小明</td> <td>...
【HTML】如何使用html制作一个简易的表格？
萌萌白白的博客
02-16 1万+
如何使用html制作一个简易的表格
HTML制作表格.ppt
11-15
HTML制作表格 本章节将介绍HTML制作表格的相关知识点，以便读者能够快速掌握HTML表格的制作方法和美化技巧。 一、为什么使用表格？ 表格是HTML文档中的一种常见结构，广泛应用于网页上的文本和图像存放。它可以将...
HTML制作表格ppt课件.ppt
11-12
HTML 表格制作 HTML 表格制作是 HTML 中非常重要的一部分，它可以用来存放网页上的文本和图像。表格可以分成行、列、单元格，使用 TABLE、TR、TD 等标签来定义。 为什么使用表格？ 表格应用场合非常广泛，如论坛、...
HTML制作表格(ppt文档).ppt
10-20
HTML表格制作详解 HTML表格是网页上常用的布局方式之一，为用户提供了清晰的信息展示方式。通过本章内容，我们将学习HTML表格的基本结构、跨行跨列的表格、美化修饰等知识点。 一、HTML表格的基本结构 HTML表格的...
c#画表格，自动创建htmltable的行与列
03-12
进来在做c#动态生成table，c#自动创建htmltable的行与列
HTML表格生成Excel文件代码(纯前端)
02-15
HTML表格生成Excel文件代码 纯前端 demo 可以做参考~~
HTML表格制作
哇塞
06-11 4万+
HTML中制作表格有两种方法： （1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。 （2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不...
HTML+CSS绘制表格
11-01 5940
概述： 本篇利用HTML和CSS完成表格的绘制，实现单元格高亮和表格圆角效果，如下图： 代码： table.html Tables Demo Modbus Protocol Data Num Address Type Data 1 0x01 uns
html表格制作
zx95210的博客
08-29 1332
使用标签内的
html在线画表格,HTML如何绘制表格？
weixin_42509815的博客
05-31 607
网页中经常会涉及到表格的应用，如图解某一分类介绍时。那么 HTML 如何绘制表格呢？这篇文章 W3Cschool 小编告诉你。标签表格的绘制离不开​​标签。表格的行由​​标签所定义，而表格的列由​​所定义。表格的内容可以是文本、图片、列表、表单等。先来看看表格的基本结构：​...​:定义表格​…​：定义表格的标题栏(文字加粗)​…​：定义表格的行​…​：定义表格的列.让我们来看看具体使用：第一行第...
HTML——绘制表格
时光·漫步的博客
04-26 1万+
在 HTML 的语法中，在表格中一般通过3个标签来构建，分别为表格标签、行标签和单元格标签。其中表格标签为&lt;table&gt;&lt;/table&gt;,表格的其他各种属性都要写在表格的开始标签&lt;table&gt;和表格结束材签&lt;/table&gt;之间才有效。1.设置表格标题    在表格中可以通过  &lt;caption&gt;  标签来设置持殊的一种单元格即标题单元格。...
HTML 绘制表格
lyndon
10-19 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- &lt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值