HTML基础知识二(页面属性、注释、表格、设置表框颜色)
2016-05-09 20:56
836 查看
1、 页面属性:
(1) body属性
bgcolor:设置背景颜色
background:设置背景图片
如果两个同时设置,优先级读取background
例子:
(2) 注释
解释某段内容:<!—解释内容-->
注释一段内容:<!—注释内容-->
2、 表格<table></table>
<table>
<tr>-----------------定义表行
<td></td>-----------------定义表列
<td></td>
……………
</tr>
<tr>
<td></td>
<td></td>
……………
</tr>
…………..
</table>
table属性:
border:设置边框宽度,默认为0
bordercolor:设置边框颜色
boedercolorlight:设置边框亮部分的颜色,只有当border>=1时有用
bordercolordark:设置边框暗部分的颜色,只有当border>=1时有用
当boedercolorlight和bordercolordark颜色想分担时,视觉有凹凸效果
cellpadding:表格边框与内部内容之间的空间大小,默认值为2
cellspacing:设置表格与表格之间的空间大小,默认值为2
align:对齐方式
红色三个称为:表格的三参。
<tr></tr>属性:
width:宽度
height:高度
bgcolor:背景颜色
align:设置水平对齐方式(left、right、center)
valign:设置垂直对齐方式(top、middle、bottom)
<td></td>属性:
Width:宽度
Height:设置高度
Bgcolor:设置背景颜色
Background:设置背景图片
Align: 设置水平对齐方式(left、right、center)
Valign: 设置垂直对齐方式(top、middle、bottom)
Rowspan:垂直方向合并
Colspan:水平方向合并
DW(Dreamweaver)中合并单元格的快捷键是:M
3、 设置表框颜色:
步骤一:设置table的背景颜色,不设置border属性;
步骤二:设置tr的背景颜色
步骤三:设置cellspacing的值不为0
例子:
(1) body属性
bgcolor:设置背景颜色
background:设置背景图片
如果两个同时设置,优先级读取background
例子:
(2) 注释
解释某段内容:<!—解释内容-->
注释一段内容:<!—注释内容-->
2、 表格<table></table>
<table>
<tr>-----------------定义表行
<td></td>-----------------定义表列
<td></td>
……………
</tr>
<tr>
<td></td>
<td></td>
……………
</tr>
…………..
</table>
table属性:
border:设置边框宽度,默认为0
bordercolor:设置边框颜色
boedercolorlight:设置边框亮部分的颜色,只有当border>=1时有用
bordercolordark:设置边框暗部分的颜色,只有当border>=1时有用
当boedercolorlight和bordercolordark颜色想分担时,视觉有凹凸效果
cellpadding:表格边框与内部内容之间的空间大小,默认值为2
cellspacing:设置表格与表格之间的空间大小,默认值为2
align:对齐方式
红色三个称为:表格的三参。
<tr></tr>属性:
width:宽度
height:高度
bgcolor:背景颜色
align:设置水平对齐方式(left、right、center)
valign:设置垂直对齐方式(top、middle、bottom)
<td></td>属性:
Width:宽度
Height:设置高度
Bgcolor:设置背景颜色
Background:设置背景图片
Align: 设置水平对齐方式(left、right、center)
Valign: 设置垂直对齐方式(top、middle、bottom)
Rowspan:垂直方向合并
Colspan:水平方向合并
DW(Dreamweaver)中合并单元格的快捷键是:M
3、 设置表框颜色:
步骤一:设置table的背景颜色,不设置border属性;
步骤二:设置tr的背景颜色
步骤三:设置cellspacing的值不为0
例子:
相关文章推荐
- 【HTML】4.Frameset框架
- HTML布局
- 【HTML】3.Form表单
- HTML块
- 【HTML】2.head标签
- 【HTML】1.何识已淡忘
- html body div height: 100%;
- HTML文本解析器C模块 for LUA - Liigo's blog - 博客频道 - CSDN.NET
- HTML DOCTYPE文档类型举例说明
- HTML基础教程
- <html>全局属性
- HTML高级教程(1/头部)
- java提取html正文的图片代码
- html复习第七天 京东首页布局完成
- HTML基础
- HTML大圣之路笔记—— HTML之 meta属性
- ToolTip用HTML实现
- html的<select>标签,如何获取当前选中的项的内容呢?
- 一些HTML兼容性问题
- 剖析标注HTML元素时class比id所具有的优势