html初学

一、表格的使用

会使用align和valign两个属性，就能设计表格的位置及内容的位置了。

align和valign属性均是规定表格相对于周围元素的对齐方式，区别就在于：
1、align属性趋向于左右对齐，其值包含：left、right、center
2、valign属性趋向于垂直对齐，其值包含：top、bottom、middle、baseline

比如让表格居中：

<table width="400px"  border="0"  align="center" valign="center">

</table>

让表格的内容居中：

<td align="center" valign="center">
</td>

也就是要控制表格的位置，就写在<table>标签里，要控制表格内容的位置，就写在<td>标签里。

也可以通过text-align属性设计表格元素的位置：

<td style="background-color:#ffff99;width:5%;text-align:left;">

 

二、设置控件的样式

可以将style放在任何想设计的控件标签中。

表格颜色及大小：

<td style="background-color:#ffff99;width:5%;text-align:left;">

按钮颜色及大小：

<input type="button" value="查询工具" onclick="window.location='/query';" style="height:50px;width:100%;background-color:#EEEEEE;">

还可以设计字体，字号：

<p style = "font-family:arial;color:red;font-size:20px;">A Paragraph</p>