html 代码贴图通俗教程(页 1) - 「唯美音画」 - 爱吧音乐花园 --enjoy music enjoy your life！

花香凝露 发表于 2006-11-18 22:12

html 代码贴图通俗教程

<div style="font-size:30pt;filter:shadow(color=black);width:100%;color:#e4dc9b;line-height:150%;font-family:宋体;"><div align="center">HTML代码贴图通俗教程</div></div>

<TABLE align=center background="http://www.18i8.com/bbs/attachments/8_er6qcYvpr1M6.jpg" border=10 cellSpacing=2 borderColor=#841A00 width="386" height="477"><TBODY><TR><TD></TD></TR></TBODY></TABLE>

花香凝露 发表于 2006-11-18 22:14

原代码如下：

[code]<TABLE align=center background="http://www.18i8.com/bbs/attachments/8_er6qcYvpr1M6.jpg" border=10 cellSpacing=2 borderColor=#841A00 width="386" height="477"><TBODY><TR><TD></TD></TR></TBODY></TABLE>[/code]

再次提醒大家注意，音画帖子的完整性

注意：前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错

常用的参数设定及注解：

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

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 将会失效。

width="386" ：表格宽度

height="477"：表格高度

花香凝露 发表于 2006-11-18 22:17

帖子中图片的编辑形式

<TABLE align=center background="http://www.18i8.com/bbs/attachments/8_er6qcYvpr1M6.jpg" border=10 cellSpacing=2 borderColor=#841A00 width="386" height="477"><TBODY><TR><TD>今晚你寂寞吗</TD></TR></TBODY></TABLE><br>
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tbody><tr><td>
<img src=http://www.18i8.com/bbs/attachments/8_er6qcYvpr1M6.jpg width=384 height=375></td></tr></tbody></table>

花香凝露 发表于 2006-11-18 22:23

表格中图片的编辑有两种形式

一种如上贴的第一个图：

使用的是：background="http://www.18i8.com/bbs/attachments/8_er6qcYvpr1M6.jpg"

background=是使图片成为表格的背景，这个时候，要想图片显示完整，需要注意图片的高度和宽度

第二种如上贴的第二个图：
使用的是：<img src=

标准格式是：<img src=图片网址 width=图片宽度 height=图片高度>

这个表示在表格中插入图片，图片的高度和宽度可以随意调整，先是也是完全的

不过建议使用第一种，把图片作为背景，一边后续的编辑工作，比如加文字、加flash

花香凝露 发表于 2006-11-18 22:26

表格边框向光与背光效果

花香凝露 发表于 2006-11-18 22:27

代码如下：
[code]
<table border=10 cellSpacing=2 cellPadding=1 borderColorlight=#CD5C5C borderColordark=#841A00><tr><td>
<img src=http://www.18i8.com/bbs/attachments/8_er6qcYvpr1M6.jpg width=314 height=375></td></tr></table>[/code]

这个边框设置成了光感效果，用了这样的代码：

borderColorlight=#CD5C5C 表格边框向光部分的颜色

borderColordark=#841A00 表格边框背光部分的颜色

如果你的边框用了感光效果，bordercolor 就失效了，所以不能同时使用。

海浪飞 发表于 2007-6-16 00:03

很好，学习了。..........

[[i] 本帖最后由海浪飞于 2007-6-16 00:13 编辑 [/i]]

海浪飞 发表于 2007-6-16 00:06

.................

飞舞发表于 2007-6-17 00:46

学习中^-^;touxiao: ;touxiao:

页: [1]

爱吧音乐花园's Archiver