最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTMLtable的直列化格式是什么

来源:动视网 责编:小采 时间:2020-11-27 15:27:11
文档

HTMLtable的直列化格式是什么

HTMLtable的直列化格式是什么:这次给大家带来HTML table的直列化格式是什么,使用HTML table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。直列化格式<colgroup>...</colgroup>个别直列设置格式:<col>功能完全和<colgroup
推荐度:
导读HTMLtable的直列化格式是什么:这次给大家带来HTML table的直列化格式是什么,使用HTML table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。直列化格式<colgroup>...</colgroup>个别直列设置格式:<col>功能完全和<colgroup
 这次给大家带来HTML table的直列化格式是什么,使用HTML table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。

直列化格式

<colgroup>...</colgroup>

个别直列设置

格式:<col>功能完全和<colgroup>一样

注意设置第一行的DOCTYPE为xhtml会导致colgroup失效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 <title>表格的直列化格式</title> 
</head> 
<body> 
 <table cellpadding="5px" cellspacing="0px" border="1px" bordercolor="black"> 
 <!--说明:用两组colgroup标签来控制整个第三列显示为红色 
 第一组colgroup中的span="2"相当于一个占位符,这样第三列(数学这一整列)就会显示为红色 
 同理,如果设置span="3",则第四列(英语这一整列)会显示为红色 
 <colgroup span="2"></colgroup> 
 <colgroup bgcolor="red"></colgroup> 
 --> 
 <!--<col>功能完全和<colgroup>一样 
 设置<col>标签达到和<colgroup>一样的功能 
 这里加了一个align="right"单独设置第三列(数学这一整列)右对齐 
 --> 
 <col span="2" /> 
 <col bgcolor="red" align="right" /> 
 <caption align="left">学生成绩表</caption> 
 <tr> 
 <th>姓名</th> 
 <th>语文</th> 
 <th>数学</th> 
 <th>英语</th> 
 </tr> 
 <tr> 
 <td>张三</td> 
 <td>90</td> 
 <td></td> 
 <td>99</td> 
 </tr> 
 <tr> 
 <td>李四</td> 
 <td>98</td> 
 <td>92</td> 
 <td>96</td> 
 </tr> 
 <tr> 
 <td>王五</td> 
 <td>92</td> 
 <td>97</td> 
 <td>91</td> 
 </tr> 
 <tr> 
 <td>总分</td> 
 <td>200</td> 
 <td>200</td> 
 <td>200</td> 
 </tr> 
 </table> 
</body> 
</html>

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

怎样用h5的sse服务器发送EventSource事件

用H5和C3实现简单的时钟效果

在Canvas中如何实现自定义路径动画?

文档

HTMLtable的直列化格式是什么

HTMLtable的直列化格式是什么:这次给大家带来HTML table的直列化格式是什么,使用HTML table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。直列化格式<colgroup>...</colgroup>个别直列设置格式:<col>功能完全和<colgroup
推荐度:
标签: 格式 html 表格的
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top