Markdown不提供单元格合并语法。在我们实际运用中,表格排列并不一致,有单元格的合并。
Markdown虽然没有合并单元格的语法,但是Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格合并。
使用方法:直接将写好的代码粘贴到Markdown编辑器即可。
合并单元格(两个重要属性)
- 跨行合并:rowspan
- 跨列合并:colspan
合并单元格思想:
将多个内容合并的时候,就会有多余的东西,把它删除。
合并的顺序 先上先左
跨行合并示例:
<table>
<tr>
<th>属性</th>
<th>属性值</th>
<th>描述</th>
</tr >
<tr >
<td rowspan="9">type</td>
<td>text</td>
<td>单行文本输入框</td>
</tr>
<tr>
<td>password</td>
<td>密码输入框</td>
</tr>
<tr>
<td>radio</td>
<td>单选按钮</td>
</tr>
<tr>
<td>CheckBox</td>
<td>复选按钮</td>
</tr>
<tr><td>button</td>
<td>普通按钮</td>
</tr>
<tr>
<td>submit</td>
<td>提交按钮</td>
</tr>
<tr>
<td>reset</td>
<td>重置按钮</td>
</tr>
<tr>
<td>image</td>
<td>图像形式的提交按钮</td>
</tr>
<tr>
<td >file</td>
<td>文件域</td>
</tr>
<tr>
<td >name</td>
<td>用户自定义</td>
<td>控件名称</td>
</tr>
<tr>
<td >value</td>
<td >用户自定义</td>
<td >默认文本值</td>
</tr>
<tr>
<td >size</td>
<td >正整数</td>
<td >控件在页面中的显示宽度</td>
</tr>
<tr>
<td >checked</td>
<td >checked</td>
<td >定义选择控件默认被选中项</td>
</tr>
<tr>
<td >maxlength</td>
<td >正整数</td>
<td >控件允许输入的最多字符</td>
</tr>
</table>
属性 | 属性值 | 描述 |
---|---|---|
type | text | 单行文本输入框 |
password | 密码输入框 | |
radio | 单选按钮 | |
CheckBox | 复选按钮 | |
button | 普通按钮 | |
submit | 提交按钮 | |
reset | 重置按钮 | |
image | 图像形式的提交按钮 | |
file | 文件域 | |
name | 用户自定义 | 控件名称 |
value | 用户自定义 | 默认文本值 |
size | 正整数 | 控件在页面中的显示宽度 |
checked | checked | 定义选择控件默认被选中项 |
maxlength | 正整数 | 控件允许输入的最多字符 |
跨行跨列示例:
<table>
<tr>
<th>属性</th>
<th>属性值</th>
<th>描述</th>
</tr >
<tr >
<td colspan="2" rowspan="2">type</td>
<td>单行文本输入框</td>
</tr>
<tr>
<td>控件名称</td>
</tr>
<tr>
<td >value</td>
<td >用户自定义</td>
<td >默认文本值</td>
</tr>
<tr>
<td >size</td>
<td >正整数</td>
<td >控件在页面中的显示宽度</td>
</tr>
<tr>
<td >checked</td>
<td >checked</td>
<td >定义选择控件默认被选中项</td>
</tr>
<tr>
<td >maxlength</td>
<td >正整数</td>
<td >控件允许输入的最多字符</td>
</tr>
</table>
效果:
属性 | 属性值 | 描述 |
---|---|---|
type | 单行文本输入框 | |
控件名称 | ||
value | 用户自定义 | 默认文本值 |
size | 正整数 | 控件在页面中的显示宽度 |
checked | checked | 定义选择控件默认被选中项 |
maxlength | 正整数 | 控件允许输入的最多字符 |