表格的制作rowspan和colspan的使用

#html中表格的制作

    <table border="1"><tr><th colspan="3">学生基本信息</th><th colspan="2">成绩</th></tr><tr><td>姓名</td><td>性别</td><td>专业</td><td>课程</td><td>分数</td></tr><tr><td>楠楠</td><td>男</td><td rowspan="2">计算机</td><td rowspan="3">程序设计</td><td>99</td></tr><tr><td>楠楠</td><td>男</td><td>99</td></tr><tr><td>楠楠</td><td>男</td><td>程序设计</td><td>99</td></tr><tr><td>楠楠</td><td>男</td><td>建筑</td><td>建筑设计</td><td>99</td></tr></table>

colspan 合并列
rowspan 合并行
制作的图如下图示!

表格的制作rowspan和colspan的使用相关推荐

html跨行跨列学生报名表,HTML表格跨行、跨列操作(rowspan、colspan)
一般使用元素的colspan属性来实现单元格跨列操作,使用元素的rowspan属性来实现单元格的跨行操作. colspan属性规定单元格可横跨的列数,所有浏览器都支持colspan属性.其取值为nu ...
HTML实现表格rowspan、colspan操作
前言今天领导安排个任务,将报告的某个功能界面动态化展示,其中有涉及到 Table 表格操作(rowspan.colspan),刚刚开始对这两概念不是很理解,走了很多弯路-扯远了,开始吧. 一.概念 ...
HTML中表格怎么制作
HTML中表格怎么制作: 首先来介绍一下HTML中的表格标签: 表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 & ...
网页设计中的表格的制作
网页中基础表格的制作首先,先了解一些基础的知识表格基础属性表格中列的合并语句 colspan="要合并的列数" 表格中行的合并语句 rowspan="要合并的行数& ...
html5中制作表格,(html5表格的制作.doc
(html5表格的制作教学项目五 HTML中表格的制作 [教学内容] 讲解HTML中制作表格的标志 [教学目的] 使学生掌握简单表格的制作 [教学重点] 表格中单元格的合并操作 [教学难点] 理解属 ...
怎么用html5制作申请表,html-5 表格的制作
<html-5 表格的制作>由会员分享,可在线阅读,更多相关<html-5 表格的制作(6页珍藏版)>请在人人文库网上搜索. 1.教学项目五 HTML中表格的制作[教学内容]讲 ...
html表单制作教案,【网页设计教案】HTML中表格的制作.doc
您所在位置:网站首页 > 海量文档 &nbsp>&nbsp计算机&nbsp>&nbsp网页设计/UI [网页设计教案]HTML中表格的制作.doc6页 ...
用HTML表格标签制作基础简历
用HTML表格标签制作基础简历代码: <!DOCTYPE html> <html><head><meta charset="utf-8" ...
【HTML】table标签--rowspan、colspan属性的使用
table标签相关标签介绍 <caption> - 表格的标题 <th> - 表格的行标题或列标题 <tr> - 表格的一行 <td> - 表格的一列 ...

表格的制作rowspan和colspan的使用

表格的制作rowspan和colspan的使用相关推荐

最新文章

热门文章