（收藏）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个背景图 第一层 第二层 第三层 第四层         基本代码如下: 第一层 第二层 第三层 第四层 < TD width="100%"> 结束语 注:width="100%"为背景图片的宽度。例图中的第四层，偶加入了高度参数。即