HTML——表格的快速生成以及表格的合并

sublime表格的快速生成

单行单列

快捷键:table>tr>td 然后在按一下 tab键
注意:其中标签定义的是有若干行,表示每行
被分割成若干单元格。
实现:
HTML——表格的快速生成以及表格的合并_第1张图片

单行多列

快捷键:table>tr>td*N 然后按一下tab键,其中N是一个整数,代表需要生产多少列
HTML——表格的快速生成以及表格的合并_第2张图片

多行单列

快捷键:table>tr*M>td 然后按一下tab键,其中M是一个整数,代表需要生产多少行
HTML——表格的快速生成以及表格的合并_第3张图片

多行多列

快捷键:table>trM>tdN 然后在按一下 tab 键,其中M和N都是整数,M代表需要产生多少行,N代表需要产生多少列
HTML——表格的快速生成以及表格的合并_第4张图片

带填充数据的表格

快捷键:table>tr*M>td{填充的内容KaTeX parse error: Expected 'EOF', got '}' at position 1: }̲*N 然后在按一下 tab 键…是一个从1开始自增的整数
HTML——表格的快速生成以及表格的合并_第5张图片

高级表格

表格标题

什么是表格标题呢?
HTML——表格的快速生成以及表格的合并_第6张图片
如何实现这样的表格标题呢?其实很简单。
使用一个caption标签就可以解决。

代码:
<table align="center" width="800" border="1">
    <caption><h2>2016年9月份全球操作系统市场份额h2>caption>
    <tr>
        <td>操作系统td>
        <td>厂商td>
        <td>2016.09td>
        <td>2016.08td>
        <td>增长值td>
    tr>
    <tr>
        <td>windows 7td>
        <td>Microsofttd>
        <td>48.27%td>
        <td>47.25%td>
        <td>1.03%td>
    tr>
    <tr>
        <td>wWindows 10td>
        <td>Microsofttd>
        <td>22.53%td>
        <td>22.99%td>
        <td>-0.46%td>
    tr>
    <tr>
        <td>windows XPtd>
        <td>Microsofttd>
        <td>9.11%td>
        <td>9.36%td>
        <td>-0.25%td>
    

你可能感兴趣的:(案例,html,css)