HTML做帖子技巧和代码-边框篇1

来源:百度文库 编辑:神马文学网 时间:2024/04/19 22:17:43
发表日期:2005年12月21日        已经有213位读者读过此文
1.两层




加入内容

2.八层



说明表格的一个行,表有多少行就有多少个(简单理解为横向)
5.



































加入内容

3.两层
内容部分

4.一层



加入内容

5.两层









加入内容


准备工作:(了解最起码的html语法)
(悄然提示:嘿嘿这个可以跳过去不看,直接看步骤吧~等到要用的时候再来查也不迟)1.

.....


标志对是用来创建一个段落,在此标志对之间加入的文本 将按照段落的格式显示在浏览器上。另外,

标志还可以使用align属性,
它用来说明对齐方式,语法是:

align可以是Left(左对齐)、 Center(居中)和Right(右对齐)三个值中的任何一个。

表示标志对中的文本使用居中的对齐方式。align 表示位置
2.
是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行.
3.表格(我们可以把他理解为桌面或一个工作面)
开始,
结束
4.
则填充(简单的理解为纵向)
6. cellpadding=文本与表框的距离用(使用数字)
7. 它可以对输出文本的字体大小、其语法通常由 size=字体大小号码) color =颜色常量名,face=选用的字体
8. 标志对的src属性赋值在图片中应用
9.
标志是在Html文档中加入一条水平线,它可以直接使用
10. 是Html文档的主体部分
11. 背景颜色通常使用
就是主体背景颜色(通常我们说的大背景颜色)
12. 设置主体文本颜色
设置链接颜色。
13. 表示边框
14. 背景通常使用为背景图片的连接地址
17. 边框相临两边的颜色及内置相对两边的颜色(左相临及对应右相临)
18. 边框相临两边的颜色及内置相对两边的颜色
19. cellSpacing=边框与内置边框的宽度
20. width=宽度 height=高度
使用举例说明步骤:
一.选边框.
现选两层的边框,代码如下:;




加入内容

二.选内容.现边框有一层FLASH图片,代码如下:





三.把边框里加入内容这四个字删掉,换成图片代码.
为了明显,我用蓝色表示边框,用绿色表示图片内容部分:










实际使用可没有颜色的,就是默认黑色..
就是:










五.把你整合好的代码,复制下来,点发言框下方的HTML模式,(如果你是跟贴的话,先点贴子最上方的回复贴子,就可以看到HTML了 ),把代码复制到发言框内,点发表.
六.效果如下:
1.两层




加入内容

2.八层



说明表格的一个行,表有多少行就有多少个(简单理解为横向)
5.



































加入内容

3.两层
内容部分

4.一层



加入内容

5.两层









加入内容


准备工作:(了解最起码的html语法)
(悄然提示:嘿嘿这个可以跳过去不看,直接看步骤吧~等到要用的时候再来查也不迟)1.

.....


标志对是用来创建一个段落,在此标志对之间加入的文本 将按照段落的格式显示在浏览器上。另外,

标志还可以使用align属性,
它用来说明对齐方式,语法是:

align可以是Left(左对齐)、 Center(居中)和Right(右对齐)三个值中的任何一个。

表示标志对中的文本使用居中的对齐方式。align 表示位置
2.
是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行.
3.表格(我们可以把他理解为桌面或一个工作面)
开始,
结束
4.
则填充(简单的理解为纵向)
6. cellpadding=文本与表框的距离用(使用数字)
7. 它可以对输出文本的字体大小、其语法通常由 size=字体大小号码) color =颜色常量名,face=选用的字体
8. 标志对的src属性赋值在图片中应用
9.
标志是在Html文档中加入一条水平线,它可以直接使用
10. 是Html文档的主体部分
11. 背景颜色通常使用
就是主体背景颜色(通常我们说的大背景颜色)
12. 设置主体文本颜色
设置链接颜色。
13. 表示边框
14. 背景通常使用为背景图片的连接地址
17. 边框相临两边的颜色及内置相对两边的颜色(左相临及对应右相临)
18. 边框相临两边的颜色及内置相对两边的颜色
19. cellSpacing=边框与内置边框的宽度
20. width=宽度 height=高度
使用举例说明步骤:
一.选边框.
现选两层的边框,代码如下:;




加入内容

二.选内容.现边框有一层FLASH图片,代码如下:





三.把边框里加入内容这四个字删掉,换成图片代码.
为了明显,我用蓝色表示边框,用绿色表示图片内容部分:










实际使用可没有颜色的,就是默认黑色..
就是:










五.把你整合好的代码,复制下来,点发言框下方的HTML模式,(如果你是跟贴的话,先点贴子最上方的回复贴子,就可以看到HTML了 ),把代码复制到发言框内,点发表.
六.效果如下:
1.两层




加入内容

2.八层



说明表格的一个行,表有多少行就有多少个(简单理解为横向)
5. 之间,即可.动手试看看吧~~
二。代码分析
代码如下:(符号“//”后面是注释)




































加入内容

3.两层
内容部分

4.一层



加入内容

5.两层









加入内容


准备工作:(了解最起码的html语法)
(悄然提示:嘿嘿这个可以跳过去不看,直接看步骤吧~等到要用的时候再来查也不迟)1.

.....


标志对是用来创建一个段落,在此标志对之间加入的文本 将按照段落的格式显示在浏览器上。另外,

标志还可以使用align属性,
它用来说明对齐方式,语法是:

align可以是Left(左对齐)、 Center(居中)和Right(右对齐)三个值中的任何一个。

表示标志对中的文本使用居中的对齐方式。align 表示位置
2.
是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行.
3.表格(我们可以把他理解为桌面或一个工作面)
开始,
结束
4.
则填充(简单的理解为纵向)
6. cellpadding=文本与表框的距离用(使用数字)
7. 它可以对输出文本的字体大小、其语法通常由 size=字体大小号码) color =颜色常量名,face=选用的字体
8. 标志对的src属性赋值在图片中应用
9.
标志是在Html文档中加入一条水平线,它可以直接使用
10. 是Html文档的主体部分
11. 背景颜色通常使用
就是主体背景颜色(通常我们说的大背景颜色)
12. 设置主体文本颜色
设置链接颜色。
13. 表示边框
14. 背景通常使用为背景图片的连接地址
17. 边框相临两边的颜色及内置相对两边的颜色(左相临及对应右相临)
18. 边框相临两边的颜色及内置相对两边的颜色
19. cellSpacing=边框与内置边框的宽度
20. width=宽度 height=高度
使用举例说明步骤:
一.选边框.
现选两层的边框,代码如下:;




加入内容

二.选内容.现边框有一层FLASH图片,代码如下:





三.把边框里加入内容这四个字删掉,换成图片代码.
为了明显,我用蓝色表示边框,用绿色表示图片内容部分:










实际使用可没有颜色的,就是默认黑色..
就是:










五.把你整合好的代码,复制下来,点发言框下方的HTML模式,(如果你是跟贴的话,先点贴子最上方的回复贴子,就可以看到HTML了 ),把代码复制到发言框内,点发表.
七.修饰你的代码:这些贴子的图和边框宽度,一定不合你的意,怎么办?就把边框(宽度width=480)(高度height=300)改大或小一点,(提示:论坛宽度在450以内,如果超过,会削掉右边部分)直到你满意为止,图片地址可以换上你喜欢的那个图片.怎么样,不错吧.
八.想一想,既然可以加入图片,那么是不是也可以用同样的方法加入文字?加入音乐?呵呵,对了,就都放在内容部分,在边框代码
     //最外层表格的定义




       //第二层表格定义




     //第三层表格定义





//第四层表格定义
                         //表格内容开始
//换行符
               //内容占满,下面开始是表格的内容
              //表格内容居中

                        //第五层表格定义


            //居中
  //第六层表格定义





                //最外层表格定义


       //居中


//下面是表格的最后收尾,千万别忘记哦,html是成对
//标签语言,有头必然有尾。
         //最内层的表格收尾
         //..............................
         //..............................
         //..............................
         //..............................
         //..............................
               //最外层的表格收尾
http://1001b.aswis.net/