day06.07. HTML表格标签

已于 2024-07-18 20:54:24 修改
阅读量911 收藏 7
点赞数 9
分类专栏： HTML 一阶段 一阶段day06 文章标签： html 前端 python 数据分析 css
于 2024-06-20 01:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61566562/article/details/139812466
版权
一阶段 同时被 3 个专栏收录
43 篇文章 0 订阅
订阅专栏
HTML
23 篇文章 0 订阅
订阅专栏
一阶段day06
11 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!--
    table:表格标签，里面包含 行 tr 和单元格 td(相当于列)
        tr:行            有几行就写几个tr
        td:单元表格 cell  有几列就写几个td
                尽量每一行的列数保持一致，数据显示会比较好看
                整个表格的单元格大小会根据内容的长度自动调整
                表格的文字居中需要把align = "center"写在tr里，可以让整行文字居中

    border:边框宽度
    bordercolor:边框颜色 默认黑色
    width:表格宽度
    height:表格高度
    bgcolor:背景颜色
    cellspacing:单元格的间距  默认是有间隔的，可以设置为0
    cellpadding:单元格的内间距  单元格内容跟边框之间的距离，有时候为了表格显示好看，会设置些值让内容与左边的边框有些间距。
    align = "center" :表格在页面水平居中
        <tr align = "center"  >  这行的文字居中
        <td align = "left"  >年龄</td>   单元格中文字巨左  当单元格内容很长时 中文会自动换行 英文不会自动换行

img和现在的table宽高不用加单位px  style宽高需要加单位px
图片和表格可以写宽高，其他的不一定可以，表单的iput标签就不行
不能写宽高的地方可以在style里面写
    -->

    <table border="1" bordercolor = "red" width = "300"
           height = "100" bgcolor = "orange"
           cellspacing = "10" cellpadding = "0" align = "center" >

        <tr align="right" height = "30">
            <td >姓名</td>
            <td align="left">年龄</td>
            <td>微信</td>
        </tr>
        <tr>
            <td width="60">周杰伦</td>
            <td>45</td>
            <td>Jay</td>
        </tr>
    </table>
<hr>
<!--    单元格合并
        rowspan:行合并 ： 值写合并自己和下方单元格的个数
        colspan:列合并 ： 值写合并自己和其他单元格的个数

    -->
<table border="1" width="300" height = "200" cellspacing="0">
    <tr align="center">
        <td width = "100">姓名</td>
        <td width = "100">年龄</td>
        <td width = "100">性别</td>
    </tr>
    <tr>
        <td>坤坤</td>
        <td>26</td>
        <td rowspan="2">男</td>
    </tr>
    <tr>
        <td>鹿晗</td>
        <td>30</td>
        <!-- <td>男</td> -->
    </tr>
    <tr>
        <td>刘亦菲</td>
        <td colspan="2">18 女</td>
        <!--  <td>女</td> -->

    </tr>
</table>


</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!--
    table:表格标签，里面包含 行 tr 和单元格 td(相当于列)
        tr:行            有几行就写几个tr
        td:单元表格 cell  有几列就写几个td
                尽量每一行的列数保持一致，数据显示会比较好看
                整个表格的单元格大小会根据内容的长度自动调整
                表格的文字居中需要把align = "center"写在tr里，可以让整行文字居中

    border:边框宽度
    bordercolor:边框颜色 默认黑色
    width:表格宽度
    height:表格高度
    bgcolor:背景颜色
    cellspacing:单元格的间距  默认是有间隔的，可以设置为0
    cellpadding:单元格的内间距  单元格内容跟边框之间的距离，有时候为了表格显示好看，会设置些值让内容与左边的边框有些间距。
    align = "center" :表格在页面水平居中
        <tr align = "center"  >  这行的文字居中
        <td align = "left"  >年龄</td>   单元格中文字巨左  当单元格内容很长时 中文会自动换行 英文不会自动换行

img和现在的table宽高不用加单位px  style宽高需要加单位px
图片和表格可以写宽高，其他的不一定可以，表单的iput标签就不行
不能写宽高的地方可以在style里面写
    -->

    <table border="1" bordercolor = "red" width = "300"
           height = "100" bgcolor = "orange"
           cellspacing = "10" cellpadding = "0" align = "center" >

        <tr align="right" height = "30">
            <td >姓名</td>
            <td align="left">年龄</td>
            <td>微信</td>
        </tr>
        <tr>
            <td width="60">周杰伦</td>
            <td>45</td>
            <td>Jay</td>
        </tr>
    </table>
<hr>
<!--    单元格合并
        rowspan:行合并 ： 值写合并自己和下方单元格的个数
        colspan:列合并 ： 值写合并自己和其他单元格的个数

    -->
<table border="1" width="300" height = "200" cellspacing="0">
    <tr align="center">
        <td width = "100">姓名</td>
        <td width = "100">年龄</td>
        <td width = "100">性别</td>
    </tr>
    <tr>
        <td>坤坤</td>
        <td>26</td>
        <td rowspan="2">男</td>
    </tr>
    <tr>
        <td>鹿晗</td>
        <td>30</td>
        <!-- <td>男</td> -->
    </tr>
    <tr>
        <td>刘亦菲</td>
        <td colspan="2">18 女</td>
        <!--  <td>女</td> -->

    </tr>
</table>


</body>
</html>

 

 

追梦女孩ii
关注
专栏目录
录制屏幕上的视频工具ReplayVideoCapturev7.4Build06.07.14英文安装版
08-05
录制屏幕上的视频工具 Replay Video Capture能够录制任何在屏幕上播放的视频，功能强大，包括：视频网站、DVD、网络摄像头、Powerpoint演示、Skype视频通话等等，需要的朋友赶紧下载吧。 使用方法： 复制Register....
06.07.08软件设计师真题.rar
05-24
06.07.08软件设计师真题，绝对原题。看看吧。
CS224W摘要06.07.GNN
老毛的博客
09-21 280
文章目录复习Basic of Deep Learning（略）Deep Learning for GraphsSetupDescribe aggregation strategies如何训练单层GNN多层GNN防止over-smoothing如果让GNN go deep CS224W: Machine Learning with Graphs 公式输入请参考：在线Latex公式 复习 之前的知识点就不说了，这里把之前的Shallow Encoder的缺点列一下： ????(∣????∣)????(|???
_MyBatis3-topic06.07.08.09_ 全局配置文件_引入dtd约束(xml提示)/ 引入properties引用/ 配置驼峰命名自动匹配 /typeAliases起别名.批量起别名...
weixin_30650859的博客
11-27 132
MyBatis3 的全局配置文件 : Setting -官方文档 笔记要点 出错分析 　　[Intellij idea配置外部DTD文件] 设置步骤: (同Eclipse中的Catalog设置 ) 　　File-->Setting-->搜索DTDs -->点击上方的External Schemas and DTDs -->右侧的加号,找到具体的URI地址添加即可! ...
网管日志－06.07.26
weixin_34037515的博客
07-28 61
　　06.07.26号的网管日志，一直拖到现在才写，似乎已经没有多大意义了，但我一定要坚持写下去的，只要网管工作一天，我就要写一天的网管日志。　　26号，除了每天例行的机房管理工作外，这一天也比较忙。一大早还没上班我就第一个来到了公司，还没做稳就接到客户断网的电话，经过详细的询问，了解到该客户是公司的大客户，主要搞海外石油开发的，客户反映网络近期总是无故中断，造成无法正常文件...
网管日志－06.07.27
weixin_34419326的博客
07-28 68
　　与06.07.26网管日志一样，27号的日志也是在28号零晨开始写的，由于28号上午我要回山东老家休假，所以27号这天的工作已经没有往常的激情了，归心似箭啊，半年多没回家了，想家是真的。　　但工作还是要做的，根据安排，今天的工作除了突发性事故处理外，主要是配线间设备检测与信息统计，由于设备比较多，今天我同另外两名技术人员一同对x座配线间进行了检测、信息记录和灰尘清理工作，...
网管日志－06.07.25
weixin_34376562的博客
07-25 56
　　昨天晚上回家的时候已经是23:30左右了，尽管电信的工程师已经测试出了光信号衰减状况，也进行了相应的处理，最后达到了单芯光纤-11db的“理想”状态，可能用户也对这个值非常满意，我们也折腾到了大半夜。我是在地下网络机房工作，所以一年来很少见到几次外面的天空，昨天的大雨，我都不知道，是同事告诉我外面下着大雨，还给我留了伞，但当我回家的时候雨已经停了，如果不是地上的积水和空气...
网管日志—06.07.19
weixin_34168880的博客
07-20 49
　　今天上午客户要申请一条专用线路，点对点到电信通机房，因为客户的服务器托管在了电信通机房内，我们公司作为这个区域的运营商，当然可以提供多条线路的接入，本来可以提供给客户电信通的ddn线路，但由于客户非常着急，而库房内又缺少ddn的终端设备，一时半会也调不过来，但为了满足客户的现有需求（客户要求必须走电信通线路），我暂时从ddn路由器cisco3640上借用了一个以太口连接了...
网管日志－06.07.24
weixin_33962923的博客
07-24 46
　　现在时间是20:36分钟，我仍在机房工作着，还是那条光纤透明链路，本应该上个周就可以完成的工作，却一直拖到现在还没有解决，第一次是因为电信没有携带壁挂的odf，只能在机架式odf的一个法兰盘上熔接光纤，由于没有位置可放置，只好放置在一个墙角边，造成光路传输受到一定影响，光信号衰减太大而无法通信。今天本以为可以解决这个问题的，跟上次一样，电信的×××警报抢修工程车也开到了机...
网管日志－06.07.21
weixin_34405557的博客
07-21 51
　　这几天工作太紧张，也没有休息好，晚上回家吃完饭就睡，早上还起不了床，真想好好的休息一下。明天就是周日了，不知道我是否可以安静的休息一下。　　根据计划和预约，今天的工作应该是调试华为的ma5303设备；配合网通工程人员光纤的熔接；配合电信工程人员的光纤的熔接；好像还有其他的工作，已不记得了。 　　预约好的调试华为设备ma5303，我是去不了，电信和网通光纤工程布线需要我...
网管日志－06.07.20
weixin_34292402的博客
07-20 37
　　今天上午领导给开了个会，通讯中心的各个部门也都参加了。会后，大约10:00多了，工程师跟客户约好的要今天调试设备，这时候一般都是我上场的（炫耀一下），不过这次是一款华为的1821路由器，我对cisco的设备相对来说较熟，华为的设备只是调试过一些，但原理都是一样的，所以调试过程也不算难，提供给客户16个公网ip，主要为服务器提供，提供一个互联地址，再配置nat，dhcp，d...
KEB 电磁离合器和制动器COMBINORM.pdf
10-31
KEB COMBINORM系列是一款广泛应用于工业自动化领域的电磁离合器和制动器产品。根据所提供的部分文件内容，我们可以解析出以下知识点： 1. **产品系列**: COMBINORM系列主要由几个型号构成，例如B02、K04、C03、T07...
06.07专四真题及答案借鉴.pdf
01-04
【网络文档】 "06.07专四真题及答案借鉴.pdf" 是一份针对英语专业学生的考试资料，其中包含了2007年英语专业四级考试的真题和相关答案。这个文档的主要目的是帮助学生复习和准备专四考试，通过实践真题来提升他们的...
前端用html写excel文件直接打开
全易
09-10 762
html文件直接用excel打开
HTML 揭秘：HTML 编码快速入门
m0_53117341的博客
09-09 1341
HTML 揭秘：HTML 编码快速入门一 . 前端知识介绍二 . HTML 介绍三 . HTML 快速入门四 . HTML 编辑器 - VSCode4.1 插件安装4.2 修改主题配色4.3 修改快捷键4.4 设置自动保存4.5 创建 HTML 文件4.5 书写 HTML 代码4.6 常见快捷键五 . 基础标签5.1 字体标签5.1.1 color 属性5.1.2 size 属性5.1.3 face 属性5.2 i 标签、b 标签5.3 hr 标签5.4 br 标签5.5 center 标签5.6 练习5.
HTML、CSS实现树状图
p_s_p的博客
09-09 681
【代码】HTML、CSS实现树状图。
【HTML】Html标签
千里之行，始于足下
09-12 1150
文本标签、表格标签、表单标签、列表标签、媒体标签、特殊字符、转义字符
使用HTML和CSS制作网页的全面指南
最新发布
weidl001的博客
09-14 1185
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
华为光电转换模块设计：89C52控制的太阳能跟踪系统详解
- **论文撰写与答辩**：06.07至06.20 主要参考资料涵盖了太阳能领域的书籍、期刊文章以及相关的学术论文，如杨丰涛的硕士论文、徐文灿和袁俊的研究文章，以及国际期刊上的机械设计和跟踪方法研究。 通过以上信息，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值