目录
[TOC]
通过html曲线救国:html真头痛啊
<td rowspan="3">单元格变高</td>
<td colspan="4">单元格变长</td>
row span:行跨度
column span:列跨度
在table中加入下列代码使其居中:
style="margin: auto"
在table中加入下列代码设置边框粗细:
border="10"
貌似html可以和markdown混用。。
或者直接单独html
1.行
||第1位|第2位|第3位|第4位|第5位|第6位|第7位|第8位|第9位|
|------------|------------|------------|
|操作|r|w|x|r|w|x|r|w|x|
|2进制|1|1|1|1|0|1|1|0|0|
|10进制<td colspan="3">7</td><td colspan="3">5</td><td colspan="4">7</td>
效果:
第1位 | 第2位 | 第3位 | 第4位 | 第5位 | 第6位 | 第7位 | 第8位 | 第9位 | ||
---|---|---|---|---|---|---|---|---|---|---|
操作 | r | w | x | r | w | x | r | w | x | |
2进制 | 1 | 1 | 1 | 1 | 0 | 1 | 1 | 0 | 0 | |
10进制 | 7 | 5 | 7 |
2.列
<table style="margin: auto"> <!---先来一个table包住所有的-->
<tr> <!--再来一个tr包住th或者td, 每个tr定义一行,-->
<th colspan = "5" >title</th> <!--th有加粗的效果,可以用在第1行的大标题-->
</tr>
<tr> <!--第2个tr定义第2行元素-->
<td>r2,c1</td><!--td定义一个普通单元格-->
<td>r2,c2</td>
<td>r2,c3</td>
<td>r2,c4</td>
<td>r2,c5</td>
</tr>
<tr> <!--第3个tr定义第3行元素-->
<td>r3,c1</td>
<td>r3,c2</td>
<td>r3,c3</td>
<td>r3,c4</td>
<td>r3,c5</td>
</tr>
<!--将第4行到第6行合并成一个大行,将其行跨度设置为3-->
<tr> <!--第4个tr定义第4行元素-->
<td rowspan = "3">r4-6,c1</td>
<td>r4,c2</td>
<td>r4,c3</td>
<td>r4,c4</td>
<td rowspan = "2">r4,c5</td>
</tr>
<tr> <!--第5行-->
<td>r5,c2</td>
<td>r5,c3</td>
<td>r5,c4</td>
</tr>
<tr> <!--第6行-->
<td>r6,c2</td>
<td>r6,c3</td>
<td>r6,c4</td>
<td>r6,c5</td>
</tr>
<tr> <!--第7行-->
<td></td>
<td colspan = "4">r6,c3</td>
</tr>
</table>
效果:
title | ||||
---|---|---|---|---|
r2,c1 | r2,c2 | r2,c3 | r2,c4 | r2,c5 |
r3,c1 | r3,c2 | r3,c3 | r3,c4 | r3,c5 |
r4-6,c1 | r4,c2 | r4,c3 | r4,c4 | r4,c5 |
r5,c2 | r5,c3 | r5,c4 | ||
r6,c2 | r6,c3 | r6,c4 | r6,c5 | |
r6,c3 |
HTML中<tr> 标签定义 HTML 表格中的行。tr 元素包含一个或多个 th 或 td 元素。
HTML中<td> 标签定义 HTML 表格中的标准单元格。<td> 元素中的文本通常是普通的左对齐文本。
th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。
<th> :定义表格的表头,<td> :定义表格单元。
<table>是<tr>的上层标签,<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签。<table>标示一个表格,<tr>标示这个表格中间的一个行。
一组<td>标签将建立一个单元格,<td>标签必须放在<tr>标签内,<td>标示行中的一个列,需要嵌套在<tr></tr>中间。
例如一个简单的 HTML 表格,包含两行两列:
Month | Savings |
---|---|
January | $100 |