HTML2.2表格

最新推荐文章于 2023-09-12 18:15:35 发布
最新推荐文章于 2023-09-12 18:15:35 发布
阅读量280 收藏
点赞数
分类专栏： practice
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Saranghae_Lcx/article/details/77978108
版权
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="梁彩霞">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表格练习</title>
 </head>
 <body>
  <table border="1px" width="600px" height="400px" cellspacing="0px" align="center"  background="as.jpg" >
  <!--默认情况下，背景图会自动平铺重复-->
  <tr height="0px" align="center">
<td height="50px" align="right" valign="top" colspan="2"> 1</td>
  <!--align水平对齐，center居中,right至右，valign垂直对齐，top最顶，middle中间，bottom下面，优先级，table大于td大于tr-->
  <td height="50px" align="right" valign="top">2</td>
 </tr>
   <tr height="50px" align="center">
  <td rowspan="2"> 3</td>
  <td> 4</td>
  </tr>
   <tr height="50px" align="center">
  <td> 5</td>
  </tr>

  </table>

<!--colspan单元格跨列，rowspan单元格跨行，跨时要注意多出来的格子要删去-->

 </body>
</html>
MATATOP
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML—表格、列表—2
kkkk_1112的博客
09-22 321
html 表格：展示数据，使数据更整齐 列表：用来布局，使页面布局更整齐规范 表单：用来收集用户信息 1. （1）创建表格 表格标签 <table></table> 表格中的行标签` <tr></tr> 单元格标签 <td></td> td也就是table data的缩写。 表格中没有列的概念。 （2）表格属性 <table border = " " width = " "> border 边框线 ，默认 b
怎么给html页面添加网格线,如何在HTML中创建2×2网格表格
weixin_33623304的博客
06-04 1223
我试图在HTML中创建一个2×2网格表格，其中每个表格都是独立可折叠的。我似乎无法找出适当的解决方案。例如，下面的版本可能有些作用，但不幸的是，当R1C1表被隐藏时，第2行表与第一行相连。如何在HTML中创建2×2网格表格2x2 table gridtable, th, td{border-collapse:collapse;border:1px solid black;width=50%}fun...
html 2*2格子
yangyang031213的博客
06-16 1773
用表格，表格格子放div，也可以直接用div布局，但是好麻烦，不好用。。。。。。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;aaaaaaaaaaaa&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html;
HBuilderX表格
ts15286507083的博客
06-17 5744
tr——表行 td——数据1、表格：2、表头：3、表的数据部分：4、（row）:5、数据(data)列单元格：6、加粗的单元格：7.数据单元格之间的距离：cellspacing8、数据单元格的填充：cellpadding
Hbuilder X 表格练习
weixin_51703558的博客
05-06 5657
Hbuilder X 表格练习 练习题 （数据仅供参考） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格3</title> </head> <body> <table height="200" width="370" border="3" cellpadding="0" cellspacing="0" align
HTML代码分配
03-04
HTML代码 1.0 HTML中的基本标签 ...HTML中的2.0表格标签 2.1 HTML中的实体概念 2.2 HTML中的Form 1标签 2.3 HTML中的Form 2标签 2.4 HTML中的文本修饰标签 2.5 HTML中的Comment标签 Coming Soon.....
HTML_CSS学习笔记.docx
07-15
2.2. 标签：段落标签 8 2.3. 标签：DIY一个标签 8 2.4. 标签：添加标题 9 2.5. 标签：自定义块 10 2.6. 标签：定义头部区域 11 2.7. 标签：定义底部区域 12 2.8. 标签：定义区段 12 2.9. 标签：定义侧边栏区域 13 3....
HTML开发王
01-03
2.2 html文档的基本结构 2.2.1 了解sgml和html的关系 2.2.2 html简要的历史和为何要使用html 2.2.3 html 4.01的版本和文档类型声明 2.2.4 [html][/html]标签对和属性 2.2.5 [head][/head]标签对 2.2.6 [body][/body]...
HBuilderX.2.2.2.20190816.zip
08-23
轻巧、极速 ...HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。对于技术人员，我们强烈建议你以后不要使用记事本了，用markdown来替代txt。
如何用hbuilderx制作课程表
m0_64987016的博客
09-12 1605
以上就是用html制作课程表的全部过程，代码中并没有注释，是因为我还是HTML新手小白的原因，所以还是在最后做一些说明吧。在style中定义的其实就是表格的单元格的大小。然后在body中，制作表格肯定少不了table这个标签，它就没有什么问题可以说的了，毕竟是个新手，暂时搞不出来什么大动作，就这样吧。主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。大家好，这是我的第一篇博客，分享我用html制作的课表。如有疑问，欢迎提问。
HbuilderX快捷键（单元格可视化）
白菜博客
02-16 424
HbuilderX常用快捷键，极客必备。提升效率
HBuilder-行列表单生成器（简易）
nikezhenhaokan的博客
03-03 748
输入想生成的行列数，点击生成。
HBuilderX表单
ts15286507083的博客
06-13 4022
表单：1.表单域：2.表单标签：文本输入：掩码输入：单选：多选：
HbuilderX表格练习2
weixin_51703558的博客
05-06 3892
表格练习 （数据仅供参考） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格4</title> <style type="text/css"> table { border: 1px solid aqua; border-collapse: collapse; } th, td { bo
用 HBuilder X 编辑 Markdown 文档，如何自定义表格列宽
spooking的专栏
09-07 745
首先声明：这个方法只能算魔改，md文件拷到别处就没效果了。
html表格
weixin_53475254的博客
11-08 1432
html表格html表格初始表格的宽高表格的属性——cellpadding表格的属性——cellspacing表格的标题表格——\ 标签的 rowspan 属性表格——\标签的colspan属性文本对齐方式 html表格 初始 HTML表格由行和列组成，这里我们就用HTML标签写一个表格。标签用来创建表格，<tr>标签用来创建行，<td>标签用来创建列。这里先创建一个两行两列的表格。代码如下： <table border="2"> <tr>
HTML + CSS -2.表格
小多的博客
05-09 277
一、表格标签 1. 表格的主要作用 表格主要用于显示、展示数据，特别是后台展示数据 表格不是用来布局页面的,而是用来展示数据的 2. 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> table 标签 是用于定义表格的标签。 tr 标签用于定义表格中的行，必须嵌套在 table 标签中。 td 标签用于定义表格中的单元格，必须嵌套在tr 标签中。
HBuider的使用之表单和表格的制作
热门推荐
qq_42804234的博客
07-28 2万+
HBuider的使用之表单表格的制作 最外层是表格的格式： &lt;table border="1px" bordercolor="#00FFFF" width="500xp" height="300px" cellpadding="5" cellspacing="0"&gt;&lt;!--描述：对表格边框样式的设计--&gt; &lt;/t
html table 行间距
最新发布
03-21
在HTML中，可以使用CSS来设置表格的行间距。可以通过设置表格的`border-collapse`属性为`collapse`来消除表格的默认间距，并使用`border-spacing`属性来设置行间距的大小。 下面是一个示例代码，演示如何设置HTML表格的行间距为10像素： ```html <style> table { border-collapse: collapse; border-spacing: 0; } td { padding: 10px; border: 2px solid black; } </style> <table> <tr> <td>1.1</td> <td>1.2</td> <td>1.3</td> </tr> <tr> <td>2.1</td> <td>2.2</td> <td>2.3</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> </tr> </table> ``` 这段代码会创建一个3x3的表格，行间距为10像素，边框厚度为2像素，宽度为500像素，单元格内没有间距。每一行的单元格都有相同的样式效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值