java--html(4)表格

来源：互联网发布：日本南北朝知乎编辑：程序博客网时间：2024/05/22 00:54

colspan属性:可用于< th>及< td>
       实现单元格的横向合并，格式如: < colspan=n>
rowspan属性: 可用于< th>及< td>
       实现单元格的纵向合并，格式如: < rowspan=n>
色彩的表示
       在计算机显示器中，使用红(red)、绿(green)、蓝(blue)3种颜色来构成各种各样的颜色。颜色的种类有16，256及65536等多种。我们把这三种颜色人0到255分别编号，再表示为16进制的数，则红色（rr）就从00到ff，绿色(gg)和蓝色(bb)两种颜色也如此。三种颜色的表示合起来就是rrggbb。这样一来，可以用一种颜色中所含红、绿、蓝成分的程度，数值化地表示颜色。如：黑色为000000、白色为ffffff、墨绿色为008040、深灰色为808080等。在HTML中，可用这种方式指定颜色。
这里写图片描述

文本的颜色

在body的属性中，可以使用以下几种属性改变文本的颜色。
text属性:该属性用来设置文本的颜色。该“文本”可以是标题、正文及表中的文字，但不能用于超链接的文字。使用格式为：< text=#rrggbb>
link属性:设置超链接文字的颜色，默认为蓝色，格式：< link=#rrggbb>
vlink属性:设置鼠标指向超链接文字时，该链接文字的颜色，默认为红色，使用格式为：< vlink=#rrggbb>
< font>标记的color属性: 以上几种属性所都是指定整个网页中某一类文字的色彩，用< font>标记的color属性可指定任意一段文字的色彩。< font color=#rrggbb>

表格的背景色

< table>标记的bgcolor属性:用来指定整个表格的背景颜色，使用格式为：< table bgcolor=#rrggbb>
< td>标记的bgcolor属性:用来指定表格中一行的背景颜色，使用格式为：< td bgcolor=#rrggbb>
< th>标记的bgcolor属性:用来指定表格中栏目行的背景颜色，使用格式为：< th bgcolor=#rrggbb>
< hr>标记的color属性:用来指定分隔线的颜色，使用格式为：< hr color=#rrggbb />
< font>标记的face和color属性:指定字体与颜色，格式：< font face=“字体名” color=#rrggbb >

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>我的网站2</title></head><body text="#750000"  bgcolor="#FF79BC" >      <!-- 设置文本的颜色,但不能用于超链接的文字 ,, -->   <h2>演示表格合并标签</h2>   <table border="1" cellspacing="0" bgcolor="#93FF93" width="45%" height="200"          align="center" >          <!-- 单元格边界线（线宽为1）,cellspacing单元格之间的间隙，整个表格居中显示，背景颜色，宽，高，整个表格居中显示 -->      <caption title="">我的<font size="7" face="隶书" color="#006000">第一个</font>表格</caption>      <tr align="center" ><!-- 一行 -->        <th><!-- 设valign值范围小的优先级高，大的优先级低 -->表头</th><th>表头1</th><th colspan="2">表头2/3</th>      </tr>      <tr align="center">        <th>表头1</th><td valign="top" align="left">单元格1-1</td><td rowspan="2">单元格1/2-2</td><td nowrap="nowrap">单元格1-3</td>        <!-- nowrap屏蔽自动换行 -->      </tr>      <tr align="center">        <th>表头2</th><td nowrap="nowrap">单元格2-1</td><td>单元格2-3</td>      </tr>   </table>   <a href="http://www.baidu.com" target="_black"><font size="10">百度一下</font></a></body></html>

这里写图片描述

0 0