表格标签（HTML）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格标签</title>
</head><body><table><!--定义表格--><tr><td>班级</td><td>姓名</td><td>学号</td></tr><!--tr定义行，td定义单元格 此时是三个单元格--><tr><td>xxx</td><td>xxx</td><td>201*******</td></tr></table><br /><br /><br /><br /><br /><br /><br /><br /><br /><table align="center" border="1" cellpadding="20" cellspacing="0" width="500" height="50"><tr><th>姓名</th><th>性别</th><th>联系电话</th></tr><!--th为加粗显示--><tr><td>xxx</td><td>xxx</td><td>136********</td></tr></table><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><table align="center" border="1" cellpadding="5"><!-- 定义总表格 --><thead><tr><th>排名</th> <!-- th为表头部分  加粗效果 --><th>关键词</th><th>趋势</th><th>今日搜索</th><th>最近七日</th><th>相关链接</th></tr></thead><tbody><tr><td>1</td> <!-- tr为行  td是将内容放于里边 都在tr行里 --><td>鬼吹灯</td><td><img src="down.jpg" width="20" height="20" /></td><td>42442</td><td>1236466</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td><tr><td>2</td><td>盗墓笔记</td><td><img src="down.jpg" width="20" height="20" /></td><td>4545</td><td>998654</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr><tr><td>3</td><td>西游记</td><td><img src="up.jpg" width="20" height="20" /></td><td>24686</td><td>845412</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr><tr><td>4</td><td>圣墟</td><td><img src="down.jpg" width="20" height="20" /></td><td>65335</td><td>793265</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr><tr><td>5</td><td>火煌</td><td><img src="up.jpg" width="20" height="20" /></td><td>8684</td><td>454656</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr><tr><td>6</td><td>水浒传</td><td><img src="up.jpg" width="20" height="20" /></td><td>3463</td><td>323656</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr><tr><td>7</td><td>三国演义</td><td><img src="up.jpg" width="20" height="20" /></td><td>3446</td><td>125633</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr></tbody></table><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><table width="400" height="250" border="1" cellspacing="0"><tr><td></td><td colspan="2"></td><!---跨列：两个单元格合并为一个单元格--><!--删掉多余的单元格--></tr><tr><td rowspan="2"></td><!--跨行；合并两个单元格--><td></td><td></td></tr><tr><!--这个第三行的这个单元格为多余的，删掉--><td></td><td></td></tr></table></body></html>

表格标签（HTML）相关推荐

html表格重置标签,HTML——表格标签
存在即是合理的. 表格的现在还是较为常用的一种标签,但不是用来布局,常见处理.显示表格式数据. 表格的应用场景: 1 创建表格在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本 ...
html表格标签模板实现跨行和跨列
网站首页显示页面1.表格标签<table border="" width="" height="" align="" ...
python全栈开发 * 表格标签表单标签 css 引入方式 * 180807
html部分一.表格标签<table> 1.一个表格<table>由每行<tr>组成的,每行是由<td>组成的. 注意: 一个表格是由行组成的(行是由 ...
html 怎么让tr的css覆盖td的_html表格标签
HTML表格标签表格是一种组织整理数据的手段,在HTML当中表格使用<table> 标签来定义.每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由 < ...
html 表格_【HTML】3 表格标签
1.表格标签表格主要作用:用于显示.展示数据,可以让数据显示的非常规整,可读性好. 2.表格属性注:此处是为了更直观看到表格的样子,理解基本属性的作用,实际应用中,样式属性多在CSS中设置. 3. ...
Html 教程（5）表格标签
1. HTML 表格标签标签描述 <table> 定义表格 <th> 定义表格的表头 <tr> 定义表格的行 <td> 定义表格单元 <cap ...
HTML5中各种标签总结（列表标签、表格标签）
无序列表<ul></ul> type:可以设置列表前图标的样式 type="square" 有序列表<ol></ol> type:可 ...
html5列表标签代码,HTML5列表标签和表格标签(示例代码)
一.列表 1.1 什么是列表标签? 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一对数据是一个整体无序列表---unordered-list(最多):新闻列表.导航.商品列表作用: ...
标签的宽度_27 表格标签
成长是一辈子的事儿!大家好!我是时问新.分享前端.Python等技术,以及个人成长路上的那些事儿. 一般我们看到的表格,会说它有几行几列. 而在HTML中的表格,并不是简单的说几行几列,是一行中给它设 ...
Web前端开发笔记——第二章 HTML语言第七节表格标签
目录一.表格标签的定义二.表格标签的属性 (一)边框属性 (二)单元格属性三.表格标签的表头表头属性四.表格标签的标题五.表格标签的嵌套结语一.表格标签的定义在html中,表格标签表 ...

表格标签（HTML）

表格标签（HTML）

表格标签（HTML）相关推荐

最新文章

热门文章