HTML与CSS之实体字符和画表格

一.实体字符

在html中,有一些字符不适合直接写出来,如<,>
一般格式:&+实体名;
大于号> >  小于号< <  &符号 &  
双引号"" "  人民币符号 ¥

二.表格

  标签定义 HTML 表格
  表格行
 
表头
表格列
            
one two three four
1 2 3 4
5 6 7 8
9 10 11 12
12 14 15 16

显示效果:


HTML与CSS之实体字符和画表格_第1张图片
数表.png

给td标签添加边框:

td{
    border: 1px solid red;
}

显示效果:


HTML与CSS之实体字符和画表格_第2张图片
带边框的数表.png

然而这并不是我们想要的!
让相邻的边框融合:

table{
    border-collapse: collapse;
}

显示效果:


HTML与CSS之实体字符和画表格_第3张图片
完整数表.png

其他情况:

1.colspan 横向融合

值为数字,表示横向融合几格

            
one two three
1
4 5 6

显示效果:


横向融合表格.png

2.rowspan 纵向融合

值为数字,表示纵向融合几格

              
one 1 2 3
two 5 6
three 7 8 9

显示效果:


纵向融合表格.png

你可能感兴趣的:(HTML与CSS之实体字符和画表格)