神马文学网（收藏）HTML简易教程 - 三月飞春雪的日志 - 网易博客
来源：百度文库 编辑：神马文学网 时间：2024/05/01 07:26:01
（收藏）HTML简易教程
博客教程 2009-11-22 10:43:27 阅读69 评论1 字号：大中小
（收藏）HTML简易教程
源自：悠悠红河 编转：三月飞春雪
一：背景
一个完整的HTML代码贴
美贴＝背景＋文章＋插图＋收尾
原代码如下：
注意：前边用了多少
收尾。多收和少收都会使帖子出错。
常用的参数设定及注解：
博客教程 2009-11-22 10:43:27 阅读69 评论1 字号：大中小
（收藏）HTML简易教程
源自：悠悠红河 编转：三月飞春雪
一：背景
一个完整的HTML代码贴
美贴＝背景＋文章＋插图＋收尾
原代码如下：
文字+图片 |
注意：前边用了多少
| 后面就要有多少 |
常用的参数设定及注解：
| 是表格的行与列，默认都是1，即一个格子。 为换行。 和 ：段落的开始和结束。width="400" 表格宽度，接受绝对值（如 500）及相对值（如 80%）。 border="10" 表格边框的厚度。 cellspacing="2" 表格格线的厚度 cellPadding=5 表格格线内厚度 align="CENTER" 表格的摆放位置（水平），可选值为：左： left, 右： right, 居中： center valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。 background="背景图片网址" 表格的背景图片，与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的底色，与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 bordercolorlight="#00FF00" 表格边框向光部分的颜色 bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。 二：贴图 1.基本代码： 注意：设定图片大小，此宽度及高度一般采用 pixels （也就是像素）作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真）。 2.给图片加边框  基本代码： 说明： border="10" 表格边框的厚度，若不想显示边框，可将参数设置为“0”。 cellspacing="2" 表格格线的厚度 cellPadding=1 表格格线内厚度 borderColor=#626DFA 边框色彩 现在我们做一点调整,改变一下边框色彩参数的设置,看看会发生什么变化。 看出来了吗?边框呈现出了立体效果。这是因为，我们将边框颜色代码进行了替换，替换代码如下：。 borderColorlight=#06D5E7 表格边框“向光”部分的颜色 borderColordark=#1B77F4 表格边框“背光”部分的颜色 注：borderColorlight=#06D5E7（向光） 与borderColordark=#1B77F4（背光） 感光代码使用后，borderColor=#626DFA 边框色彩代码即失效。 基本代码： 三：多层边框的制作 例图： 上图共有4层边框，也就是有4个背景图 第一层 第二层 第三层 第四层 基本代码如下: 第一层
注:width="100%"为背景图片的宽度。例图中的第四层，偶加入了高度参数。即 |