天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

韵瑶文社资料库---网页颜色代码和中英文对照大全

楼主:韵瑶1981 时间:2015-11-05 18:39:35 点击:1432 回复:62
脱水模式给他打赏只看楼主 阅读设置
  
  红色和粉红色,以及它们的16进制代码。
  #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399..
  #FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC

  紫红色,以及它们的16进制代码。
  #FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099
  #CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366      

  蓝色,以及它们的16进制代码。
  #660099 #666FF #000CC #9933CC #666699 #660066
  #333366
  #0066CC #9900FF #333399
  #99CCFF #9933FF #330099 #6699FF #9966CC #3300CC #003366 #330033 #3300FF #6699CC
  #663399 #3333FF #006699 #6633CC #3333CC #3399CC #6600CC #0066FF #0099CC #9966FF
  #0033FF #66CCFF #330066 #3366FF #3399FF #6600FF #3366CC #003399 #6633FF #000066
  #0099FF #CCCCFF #000033 #33CCFF #9999FF #0000FF #00CCFF #9999CC #000099 #6666CC
  #0033CC

  黄色、褐色、玫瑰色和橙色,以及它们的16进制代码。
  #FFFFCC #FFCC00 #CC99090 #663300 #FF6600 #663333 #CC6666 #FF6666 #FF0000 #FFFF99
  #FFCC66 #FF9900 #FF9966 #CC3300 #996666 #FFCCCC #660000 #FF3300 #FF6666 #FFCC33
  #CC6600 #FF6633 #996633 #CC9999 #FF3333 #990000 #CC9966 #FFFF33 #CC9933 #993300
  #FF9933 #330000 #993333 #CC3333 #CC0000 #FFCC99 #FFFF00 #996600 #CC6633

  绿色,以及它们的16进制代码。
  #99FFFF #33CCCC #00CC99 #99FF99 #009966 #33FF33 #33FF00 #99CC33 #CCC33 #66FFFF
  #66CCCC #66FFCC #66FF66 #009933 #00CC33 #66FF00 #336600 #33300 #33FFFF #339999
  #99FFCC #339933 #33FF66 #33CC33 #99FF00 #669900 #666600 #00FFFF #336666 #00FF99
  #99CC99 #00FF66 #66FF33 #66CC00 #99CC00 #999933 #00CCCC #006666 #339966 #66FF99
  #CCFFCC #00FF00 #00CC00 #CCFF66 #CCCC66 #009999 #003333 #006633 #33FF99 #CCFF99
  #66CC33 #33CC00 #CCFF33 #666633 #669999 #00FFCC #336633 #33CC66 #99FF66 #006600
  #339900 #CCFF00 #999966 #99CCCC #33FFCC #669966 #00CC66 #99FF33 #003300 #99CC66
  #999900 #CCCC99 #CCFFFF #33CC99 #66CC66 #66CC99 #00FF33 #009900 #669900 #669933
  #CCCC00

  白色、灰色和黑色,以及它们的16进制代码。
  #FFFFF #CCCCCC #999999 #666666 #333333 #000000

  16色和它们的16进制代码。
  Aqua Black Fuchsia Gray Gree Lime Maroon Navy Olive Purple
  Red Silver Teal White Yellow Blue
楼主韵瑶1981 时间:2015-11-05 18:40:57
  颜色与其英文对照表
  red
  green
  blue
  magenta
  yellow
  chocolate
  black
  aquamarine
  lime
  fuchsia
  brass
  azure
  brown
  bronze
  deeppink
  aliceblue
  gray
  copper
  coral
  feldspar
  orange
  orchid
  pink
  plum
  quartz
  purple
  aliceblue
  antiquewith
  blanchedalmond
  blueviolet
  beige
  burlywood
  bisque
  cadetblue
  pink
  saddlebrown
  royalblue
  rosybrown
  purple
  orengered
  olivedrab
  powderblue
  peachpuff
  papayawhip
  paleturquoise
  palevioletred
  palegreen
  navyblue
  navajowhite
  palegodenrod
  violetred
  yellowgreen
  tomato
  turquoise
  thistle
  springgreen
  steelblue
  salmon
  scarlet

  sienna
  silver
  tan
  thistle
  turquoise
  violet
  snow
  salmon
  scarlet
  sienna
  silver
  tan
  thistle
  turquoise
  violet
  chartreuse
  firebrick
  gold
  khaki
  mediumslateblue
  mediumvioletred
  oldlace
  maroom
  goldenrod
  wheat
  whitesmoke
  orange
  moccasin
  mistyrose
  mintcream
  midnightblue
  dimgray
  darksalmon
  slategray
  skyblue
  sienna
  seashell
  salmon
  seagreen
  sandybrown
  firebrick
  gold
  khaki
  maroom
  goldenrod
  wheat
  whitesmoke
  mediumturquoise
  navy
  mediumspringgreen
  mediumseagreen
  mediumpurpul
  peru
  mediumorchid
  mediumblue
  mediumaquamarine
  maroon
  limegreen
  lightyellow
  lightsteelblue
  magenta
  lightslateblue
  lightslategray
  lightskyblue
  inen
  lightseagreen
  lightsalmon
  lightpink
  plum
  lightgray
  lightgreen
  lightgodenrodyellow
  indianred
  lavender
  lightblue
  lavenderblush
  lightcoral
  lightcyan
  lightgodenrod
  hotpink
  greenyellow
  lemonchiffon
  lawngreen
  khaki
  deepskyblue
  honeydew
  golenrod
  forestgreen
  gostwhite
  greenyellow
  gainsboro
  firebrick
  dodgerblue
  darkturquoise
  darkslateblue
  darkslategray
  darkseagreen
  darkred
  darkorchid
  darkorenge
  darkslateblue
  darkviolet
  floralwhite
  cyan
  bisque darkgray
  cornsilk
  darkolivegreen
  darkgoldenrod
  darkblue
  darkcyan
  darkgreen
  darkhaki
  ivory
  darkmagenta
  darkgray
  cornfloewrblue
  cornfloewrblue
  darkviolet
  floralwhite
  ezhy.com
  darkslategray
  darkseagreen
  darkred
  darkorchid
  darkorenge
  darkslateblue
楼主韵瑶1981 时间:2015-11-05 18:41:57
  网页颜色中英文代码对照表


  
楼主韵瑶1981 时间:2015-11-05 22:14:12
  欢迎您!启步学代码。
  (8)
  (原创编辑者:游子。供初学HTML代码的朋友参考)


  文字设置学习的几点体会。

  (一)文字设置标签属性三个主要内容的使用。

  (1)字号大小

  字号大小语句通常是<FONT size=1-7>字号</FONT>其大小是由参数所定,最小是1,最大是7。为了方便使用更大的字体,字号大小可用以下的语句:
  <FONT style=font:40pt>字号</FONT>字号隋数值增大,不受限制。


  文字设置用普通字号的代码:

  <CENTER><font size=5 face=隶书 color=00FF00>
  学习代码</font>


  </CENTER>

  (关键语句:size=5)
  显示:

  学习代码



  文字设置用大字号的代码:


  <CENTER><font style=font:80pt face=隶书 color=00ff00>
  学习代码</font>
  </CENTER>

  (关键语句:style=font:50pt)


  显示:

  学习代码



  (2)使用什么样字体

  用代码贴字,字体一定要用网络上经常能显示的十余种。如:
  宋体 黑体 楷体_GB2312  仿宋_GB2312 新宋体  幼圆 隶书
  方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体

  如果采用文鼎花瓣体等其他字体,而浏览者的电脑没有安装这些字体时,则都会显示为宋体。



  (3)文字颜色的代码

  文字的颜色可用0和F 6个字符组成易记住的颜色代码,例如:

  黑色=000000 白色=ffffff 红色=ff0000 绿色=00ff00 
  蓝色=0000ff 黄色=fff000 青色=00ffff 紫色=ff00ff


  (二)文字代码可以做出很多漂亮的字体,灵活的运用文字设置标签属性的三个主要内容,即字号,字体和颜色,也可编辑出精彩的字体。

  七色彩字体的代码:


  <CENTER>
  <FONT face=隶书 color=ff0000 style=font:40pt>网
  <FONT color=fff000>络</FONT>
  <FONT color=0000ff>世</FONT>
  <FONT color=green>界</FONT>
  <FONT color=fffff0>欢</FONT>
  <FONT color=ff00ff>迎</FONT>
  <FONT color=00ffff>您</FONT>
  </FONT></CENTER>



  显示结果:

  网络世界欢迎您



  多种字号和字体的代码:

  <CENTER><FONT face=新宋体 color=00ff00 style=font:15pt>
  <FONT face=隶书 ><h1>《闺怨》</h1></FONT>
  <h3>王昌龄</h3>
  闺中少妇不知愁,春日凝妆上翠楼。<BR>
  忽见陌头杨柳色,悔教夫婿觅封侯。<BR>
  </FONT>


  显示结果:



  《闺 怨》

  王昌龄

  闺中少妇不知愁,春日凝妆上翠楼。
  忽见陌头杨柳色,悔教夫婿觅封侯。



  欢迎您!启步学代码 ( 八 )转载 - 幻影日月 - 幻影日月
楼主韵瑶1981 时间:2015-11-05 22:14:56
  欢迎您!启步学代码

  ( 二 )


  (原创编辑:游子。供初学HTML代码的朋友参考)

  先来学文字设置的代码


  文字设置三要素(三属值):

  size=4 字的大小
  color=navy 字的颜色
  face=幼圆 那一种字体

  (字号大小size=1-7,参数1字体小,参数7字体最大.为了最大限度地设置字号大小,可以嵌套方式调用CSS样式来定义字体,即:style=font:20pt .)

  文字设置的一组代码:

  锦绣中华

  显示效果如下:

  锦绣中华

  相同的文字设置代码,三要素改变了,
  显示效果就不同。

  锦绣中华

  显示效果如下:

  锦绣中华

  锦绣中华

  显示效果如下:

  锦绣中华


  你可以把(文字设置的一组代码)复制到记事本去,改为你喜欢的文字内容,让后用回复的方式试贴,粘贴时注意先选择[HTML]标签,同时把自动修正的钩去掉。


  设置字体大小还有一种叫标题字体。

  ... #=1, 2, 3, 4, 5, 6,

  网络世界论坛




  人间正道是沧桑


  人间正道是沧桑





  人间正道是沧桑


  人间正道是沧桑





  人间正道是沧桑


  人间正道是沧桑





  人间正道是沧桑


  人间正道是沧桑




  人间正道是沧桑


  影画世界论坛




  人间正道是沧桑


  标题字体默认黑色宋体,
  故只有字体大小的变化。


  常用字体代码

  宋体黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆隶书

  方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体




  常用颜色代码


  #FF0000 #FFFFf0 #0000F #008000 #FF00FF #000080

  #008000 #00FFFF #FFf000 #993333 #FFFF00 #000099

  #000066 #009933 #F00000 #FFCC00 #0099FF #33CCCC

  #FFCCFF #33CC33 #CC0000 #3333CC #9900CC #993333

  #993333 #006600 #FF9900 #00CCFF #66FF33 #003300
楼主韵瑶1981 时间:2015-11-05 22:25:11
  学习图框内多位置插入图文。


  (一)运用表格设置多位置插入内容。
  要在一张图片或网页的多个位置上插入图文,可以用表格定位插入的方法。先设置一张空表格,再根据须要编辑一些大小不同的单元格,用来插入内容。为了正确使用表格设置,重温学习一下表格标签代码有关语句;

  一张用淡黄色作表格背景图案的图框代码:
楼主韵瑶1981 时间:2015-11-05 22:25:29
  <TABLE cellspcing=0 cellpadding=12 width=500 height=350 bordercolor=olive bgColor=#FFFFf3 border=8>
  <TR>
  <TD >
  一张用淡黄色作表格背景图案的图框
  </TD></TR></TABLE></CENTER>

  【说明】

  ●第一段; <TABLE --标签名你:表格),标签属性内容:
  cellspcing=0 单元格间距。
  cellpadding=12 单元格衬距。插入的图片或文字与边线的距离。
  width=500--表格宽度.
  height=300 --表格高度.
  bordercolor=olive --表格边框的颜色.
  bgColor=#000000 --表格背景颜色.
  border=8--表格边框宽度。

  ●第二段;<TR>--表格的第一行。
  ●第三段;<TD>--表格的第一列。
  ●第四段;</TD></TR></TABLE>--这一组表格的尾标签.
  ●注意学习代码中行和列的语句。即:
  行:<TR>--</TR>
  列:<TD>--</TD>
  ●插入图片或文字,如果没有设置定位指令时,会自动在中部居左显示。要在别的位置显示,必须用一些位置设置代码。
楼主韵瑶1981 时间:2015-11-05 22:25:54
  <table border="1" width="500" cellspacing="1" bgcolor="#FFFFF3" height="350" id="table2">
  <tr>
  <td height="20">第1行 
  </td></tr>
  <tr>
  <td height="40">第2行 
  </td></tr>
  <tr>
  <td height="240"第3行 
  </td></tr>
  <tr>
  <td height="50">第4行 
  </TD></TR></TABLE>


  【说明】

  ●第2至第4段构成一个单元格,设高度为20.

  <tr>
  <td height="20">第1行
  </td></tr>

  ●第4至第7段构成第二个单元格,设高度为40.

  <tr>
  <td height="40">第2行 
  </td></tr>

  ●第8至第10段构成第三个单元格,设高度为240.

  <tr>
  <td height="240">第3行 
  </td></tr>
  <tr>
  ●第12至第13段构成第4个单元格,设高度为50.

  <tr>
  <td height="50">第4行 

  ●每一个单元格都必须有一对始标签和尾标签,不可多也不可少.
  ●每一行的高度可以设定,但插入内容的高度,只能小于设定,
  如果大于设定,高度会顺延变大。
  设定行的高度的代码:<td height="240"
  ●如果行与行之间不要有隔线。可以把表格边框宽度设置为零。如:
  border=8 改为:border=0
楼主韵瑶1981 时间:2015-11-05 22:26:09
  <table border="1" width="500" cellspacing="0" bgcolor="#FFFFF3" height="350" id="table2">
  <tr>
  <td width="50">1
  </td>
  <td width="50">2
  </td>
  <td width="300">3
  </td>
  <td width="100">4
  </td></tr></table>
楼主韵瑶1981 时间:2015-11-05 22:26:25
  <p align="center">
  <table border="1" width="500" cellspacing="1" bgcolor="#00FF00" height="360" id="table3">
  <tr>
  <td height="80" colspan="3"> </td>
  </tr>
  <tr>
  <td height="20" colspan="3"> </td>
  </tr>
  <tr>
  <td height="240" width="120"> </td>
  <td height="240" width="350"> </td>
  <td height="240" width="30"> </td>
  </tr>
  <tr>
  <td height="20" colspan="3"> </td>
  </tr>
  </table>
  </p><BR>
楼主韵瑶1981 时间:2015-11-05 22:26:40
  要在同一张网页(图框)内不同位置上插入多个内容,可以设置一张多行多列表格.在各个单元格内插入.代码如下:
楼主韵瑶1981 时间:2015-11-05 22:27:55
  <INPUT src="" type=image width=480 height=80>
  </CENTER>
  </td></tr>
  <tr>
  <td height="20" colspan="3">
  <marquee> 
  <FONT face=仿宋_GB2312 color=0000ff size=4><B>
  要在同一张网页(图框)内不同位置上插入多个内容,可以设置一张多行多列表格.在各个单元格内插入.
  </B></form></marquee>

  </td></tr>
  <tr>
  <td height="240" width="100">
  <CENTER>
  <INPUT src="" type=image width=100 height=80>
  <INPUT src="width=100 height=120>
  </CENTER>
  </td>
  <td width="320"> 
  <CENTER>
  <INPUT src="" type=image width=320 height=240>
  </CENTER>
  <BR>
  </td>
  <td width="60">
  <CENTER>
  <font style=font:20pt face=隶书 color=ff0000>
  不<BR>同<BR>位<BR>置<BR>插<BR>入<BR>内<BR>容
  </font></CENTER>
  </CENTER>
  </td></tr>
  <tr>
  <td height="20" colspan="3"> 
  <CENTER>
  <embed src="" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=480 loop="true">
  </CENTER>
  </td></tr></table>
楼主韵瑶1981 时间:2015-11-05 22:28:35
  如何用HTML代码贴图。



  用HTML代码贴图,图片必须是网络上的图片绝对地址(URL)

  如果是本机硬盘的图片,应先上传到较隐定的空间(免费相册或可

  上传图片的论坛),取得图片的地址和图片的尺寸大小。新学习者

  最好选择一些较简单的图框来贴图。由于各论坛系统对贴子宽度有

  不同的限制,因此图框的宽最好不要超过500,图片宽度则在400左

  右。
楼主韵瑶1981 时间:2015-11-05 22:28:55
  几种常用贴图代码。

  第一种:
  <img src="图片地址">


  第二种:
  <img src=“图片地址” width='80'height='280'

  border='10'>


  第三种:)(图片可调大小)
  <INPUT src="图片地址" type=image width=500>

  第四种:(用图片作表格背景的贴图方法)
楼主韵瑶1981 时间:2015-11-05 22:29:13
  第一种最简易使用的贴图代码。

  <img src="图片地址">
  用网络上的图片绝对地址(URL)粘贴上去就可以了。但这种方

  法贴的图片,各论坛对图片宽度显示有不同的限制,有时不是原

  图片的尺寸,更不是你想要多大就多大。
  这里有一张图片地址:http://photo.southcn.com/upload/F202922004.11.4.22.

  24.422.jpg

  把它粘贴在上面代码中的“图片地址”如下:
楼主韵瑶1981 时间:2015-11-05 22:29:30
  <CENTER>
  <img src="

  5d44c6e5&690">
  </CENTER>
楼主韵瑶1981 时间:2015-11-05 22:29:49
  第二种简易使用的图片可定大小有黑色边框的贴图代码:
楼主韵瑶1981 时间:2015-11-05 22:30:07
  <CENTER>
  <img src=http://photo.southcn.com/upload/F202922004.

  11.4.22.24.422.jpg width=620 height=380 border='10'>
  </CENTER>
楼主韵瑶1981 时间:2015-11-05 22:30:59
  第三种:图片可调大小的代码:
  有一张图片原尺寸宽1024,高768.图片地址:
  http://
  把图片地址套入下面代码,同时设置不同宽度,图片就可变大或变小。
  <INPUT src="图片地址" type=image width=500>


  ◆代码1:

  <INPUT src="http://static8.photo.sina.com.cn/middle/

  5d114333g6fcca4

  d555f7&690" type=image width=300>



  ◆代码2:

  <INPUT src="http://static15.photo.sina.com.cn/middle/5d114333g

  77434330e76e&690" type=image width=500>
楼主韵瑶1981 时间:2015-11-05 22:31:28
  ◆代码3:

  <INPUT src="http://static14.photo.sina.com.cn/middle/5d114333g

  774342f3e70d&690" type=image width=650>
  第四种;用表格的贴图代码。


  <CENTER>
  <TABLE borderColor=#fbd44c cellSpacing=3 cellpadding=0 background=http://photo.southcn.com/upload/F202922004.11.

  4.22.24.422.jpg width=660 height=380 border=15>
  <TBODY>
  <TR>
  <TD>
  <br>
  </TD></TR></TBODY></TABLE></CENTER>

  ●说明:用图片作表格背景必须注意图片素材原尺寸和图框宽度设置要一致。如果图片小而图框大,会显示部份重影,多出一部份图像。相反如果图片大而图框小则只显示图像的一部份。
楼主韵瑶1981 时间:2015-11-05 22:31:53
  第四种;用表格贴图代码实例

  <CENTER>
  <TABLE borderColor=#fbd44c cellSpacing=3 cellpadding=0 background=http://static15.photo.sina.com.cn/middle/

  5d114333g7e34523ae11e&690

  width=600 height=400 border=15>
  <TBODY>
  <TR>
  <TD><br>
  </TD></TR></TBODY></TABLE></CENTER>
楼主韵瑶1981 时间:2015-11-05 22:33:36
  有很多漂亮的帖子边框是怎么做成?一些是现成的像框或三合一的花边图框做成,大部份是应用表格的相关属性做成的。做图框的素材可用颜色也可用图片。或颜色与图片组成。用颜色做成的图框,不受条件所限,隐定性较好,显示也快。用网络上的图片地址做成的多层图框叫套装,非常精彩漂亮,但有时会因网络失去链接,无法显示。


  用颜色做成的一层图框代码;
  <TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 align=center bgColor=#0000ff border=12>
  <TBODY>
  <TR>
  <TD >
  <BR><BR><BR><BR><BR><BR>
  </TD></TR></TBODY></TABLE>

  用颜色做成的二层图框代码;

  <TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 align=center bgColor=#f70968 border=12>
  <TBODY>
  <TR>
  <TD >
  <TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 align=center bgColor=#bb4444 border=1>
  <TBODY>
  <TR>
  <TD>
  <BR><BR><BR>
  </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

  给图片加用颜色做成的边框代码;
  <table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F>
  <td>
  <TABLE border=1>
  <TR>
  <TD width=450 background=http:// height=300 border=3>
  </TD></TR></TABLE>
  </td></table>
楼主韵瑶1981 时间:2015-11-05 22:34:04
  用颜色做成的二层图框代码;

  <TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8

  width=430 background=http://img.gw.com.cn/UploadFile/2004/9/3/375

  0984.jpg border=8>
  <TBODY>
  <TR>
  <TD>
  <TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4

  width="100%" background=http://img.gw.com.cn/UploadFile

  /2005/5/15/3419934.jpg border=1>
  <TBODY>
  <TR>
  <TD>
  <P align=center><INPUT type=image width=420 src="http://photo.southcn.com/upload/F202922004.11.4.

  22.24.422.jpg" ></P>
  </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
楼主韵瑶1981 时间:2015-11-05 22:34:45
  用颜色做成的立体图框代码;

  <table id="myexample" style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http">
  <tr><td>
  <br><br><br><br><br><br>
  </td></tr></table>
楼主韵瑶1981 时间:2015-11-05 22:39:30
  文字移动属性的设置

  <marquee>内容文字或图片</marquee>

  上面是最简单的移动标签。把它复制粘贴发表结果如下:
  移动属性值主要的有几个内容:

  移动方向 <direction=#>
  速度 <scrollamount=#>
  方式 <bihavior=#>
  循环 <loop=#>
  延时 <scrolldelay=#>

  启步先学方向和速度。

  移动方向
  direction=left 从右向左移
  direction=right 从左向右移
  direction=down 从上向下移
  direction=up 从下向上移

  移动代码:-文字从右向左移



  <marquee direction=left scrollAmount=2>
  <font style=font:15pt face=黑体 color=f00000>
  文字从右向左移!</font></marquee>

  移动方向-文字从左向右移的代杩。

  <marquee direction=right scrollAmount=2>
  <font style=font:15pt face=黑体 color=f00000>
  文字从左向右移!!</font></marquee>

  移动方向-文字从上向下移的代码:。

  <marquee direction=direction=down scrollAmount=2>
  <font style=font:15pt face=黑体 color=f00000><CENTER>
  文字从上向下移!!</font></CENTER></marquee>

  移动方向-文字从下向上移!的代码:。

  <marquee direction=up scrollAmount=2>
  <font style=font:15pt face=黑体 color=f00000><CENTER>
  文字从下向上移!!!</CENTER></font></marquee>

  文字来回走代码:

  <marquee behavior=alternate scrollAmount=8>
  <font style=font:15pt face=黑体 color=f00000>
  文字来回走耶!!!</font></marquee>

  移动速度 <scrollamount=#>

  移动速度设置数值小就走得慢的代码:


  <marquee direction=left scrollAmount=2>
  <font style=font:15pt face=黑体 color=f00000>
  scrollAmount=2移动速度设置数值小就走得慢!!</font></marquee>
楼主韵瑶1981 时间:2015-11-05 22:40:10
  移动速度设置数值大就走得快!的代码:


  <marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=f00000>scrollAmount=8移动速度设置数值大就走得快!!</font></marquee>

  文字上下移动代码:



  <font size=5 face=隶书 color=lime>
  <MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
  <center>
  文字上下移动</center></marquee>

楼主韵瑶1981 时间:2015-11-05 22:41:46
  文字图片走四方的代码:

  <TABLE borderColor=fff000 height=350 cellSpacing=1 cellPadding=10 width=450 border=3><TBODY><TR><TD bgColor=#0000ff>
  <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
  <MARQUEE scrollAmount=3 behavior=alternate width=450>
  <IMG src="http://"> <FONT color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src="http:/ ">
  </MARQUEE></MARQUEE>
  </TD></TR></TBODY></TABLE>

楼主韵瑶1981 时间:2015-11-05 22:42:04
  <A href="跳转地址" target=“_blank“> <FONT color=字体颜色 size=字号><B>跳转地址的名字</FONT><FONT color=字体颜色 size=字号><B> 《《《《点击进入
楼主韵瑶1981 时间:2015-11-05 23:21:20
  如何在三合一图框中贴图

  三合一花边图框这是一种由三张图片组成的图框。它与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是由三张图片组成的。看下面这个图框好像是一张完整的图框。
  <br><br>
  <TABLE cellSpacing=0 cellPadding=0 width=700

  height=500 align=center background=http://static6.photo.sina.com.cn/

  middle/5d114333g

  68bc5d44c6e5&690 >
  <TR>
  <TD>
  </TD></TR></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:21:48
  第二张图片的代码:
  <TABLE cellSpacing=0 cellPadding=0 width=600

  height=400 align=center background=http://static6.photo.sina.com.cn/

  middle/5d114333g

  68bc5d44c6e5&690 >
  <TR>
  <TD>
  </TD></TR></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:22:12
  第三张图片:
  <TABLE cellSpacing=0 cellPadding=0 width=600 height=400 align=center background=http://static6.photo.sina.com.cn/

  middle/5d114333g

  68bc5d44c6e5&690>
  <TR>
  <TD>
  </TD></TR></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:23:02
  把上述三张图片的代码顺序合成一起,就成为一张漂亮的三合一花边图框了。
  <br><br>
  <TABLE cellSpacing=0 cellPadding=0 width=700 height=160 align=center background=http://>
  <TR>
  <TD>
  </TD></TR></TABLE>
  <TABLE cellSpacing=0 cellPadding=0 width=700 height=160 align=center background=http:/>
  <TR>
  <TD>
  </TD></TR></TABLE>
  <TABLE cellSpacing=0 cellPadding=0 width=700 height=160 align=center background=http://>
  <TR>
  <TD>
  </TD></TR></TABLE>
  <BR><BR>
  ◇请您把这个代码完整的复制起来,让后粘贴到下面编辑器,再击运行代码就可看效果了。
楼主韵瑶1981 时间:2015-11-05 23:23:19
  要在三合一花边框内插入图文等内容是非常方便的,就是先在第二张图框表格的单元格中插入所有内容,再在最前面插入第一张图框,在最后面插入第三张图框,就面为一个完整的花边图框贴了。使用时注意几个问题:

  ◆花边图片一定要用原来的宽和高的尺寸。如果要调整,必须用图像软件处理。
  ◆三张花边图框的宽度要一致。
  ◆第一、三张图框的高度,一定要用原来的尺寸,第二张图框的高度不限。
  ◆花边图框表格的首尾标签,不能有空格、空行等。否则会产生断层现象。
  三合一花边图框贴图代码模式:
楼主韵瑶1981 时间:2015-11-05 23:23:40
  <TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第一张图框的图片地址>
  <TR>
  <TD>
  </TD></TR></TABLE>
  <TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第二张图框的图片地址 >
  <TR>
  <TD>
  这里是第二张图框的单元格,可以开始插入内容。
  </TD></TR></TABLE>
  <TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第三张图框的图片地址>
  <TR>
  <TD>
  </TD></TR></TABLE> <br>

  【说明】
  ◇黄色字体是第一张图框的代码。
  ◇白色字体是第二张图框的代码,
  ◇绿色字体是第三张图框的代码。
楼主韵瑶1981 时间:2015-11-05 23:24:25

  文字显示位置的控制

  文字显示位置分别为:

  水平方向(align),垂直方向(valign)
  水平方向即左中右:
  left(左对齐)
  center(居中)
  RIGHT(右对齐)

  垂直方向即靠顶和靠底.

  top(靠顶)、bottom(靠底)等。



  水平方向即左中右的代码:
  <p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P>

  <p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P>

  <p align=RIGHT><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>
楼主韵瑶1981 时间:2015-11-05 23:24:56
  实例代码:
  <CENTER>
  <TABLE width=480 height=320 bordercolor=olive background= border=18>
  <TBODY>
  <TR>
  <td align=center valign=top><br>
  <FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#ff00ff><B>
  <p align=left>送给春兰妹妹</P><br>
  <p align=CENTER>祝你生日快乐!</P><BR><BR>
  <p align=RIGHT>大姐冬梅<br>20060228</P>
  </B> </FONT>
  </TD></TR></TOBDY></TBODY></TABLE></CENTER>


  原创编辑:游子。
楼主韵瑶1981 时间:2015-11-05 23:25:15
  垂直方向valign)靠顶的代码:
  <TD align=LEFT valign=top>居左靠顶</TD>
  <TD align=center valign=top>居中靠顶</TD>
  <TDalign=RIGHT valign=top>居右靠顶</TD>

  垂直方向valign)靠底的代码:

  <TD align=LEFT valign=bottom>居左靠底</TD>
  <TD align=center valign=bottom>居中靠底</TD>
  <TD align=RIGHT valign=bottom>居右靠底</TD>
楼主韵瑶1981 时间:2015-11-05 23:26:16
  文字输出位置垂直方向的代码是设置在一张空表格的单元格里(TD)和(/TD),方便易用。实例如下:
  居左靠顶的代
  align=LEFT valign=top
  居中靠顶的代码
  align=center valign=top
  居右靠底的代码
  align=RIGHT valign=bottom
  代码:

  <BR>
  <CENTER>
  <TABLE width=480 height=320 bordercolor=olive background= border=18>
  <TR>
  <TD>
  <TABLE width=460 height=320 bordercolor=olive border=0>
  <TR>
  <TD align=LEFT valign=top height=80><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
  居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT></TD></TR>
  <TR>
  <TD align=center valign=top height=160><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
  居中靠顶的代码<BR><h3>align=center valign=top</h3></B> </FONT></TD></TR>
  <TR>
  <TD align=RIGHT valign=bottom height=80><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
  居右靠底的代码<BR><h3>align=RIGHT valign=bottom</h3></B> </FONT>
  </TD></TR></TABLE>
  </TD></TR></TABLE></CENTER>

  【 说明】
  ◇垂直方向设置必须在表格的单元格里(TD)和(/TD)。
  ◇本实例在图框内插入一张空表格,分为三横排。
  ◇根据各行插入内容设置高度。
  ◇在一张表格中,设置每一行的关键语句。
  行的开始标签:
  <TR>
  <TD align=center valign=top height=160>
  插入内容
  行的结束标签:
  </TD></TR>



  原创编辑:游子。
  文字(或图片)放置的地位,
  还可以用空格( )和空行(BR)调整;
  用代码编辑绝对位置挂贴(外部定位)等办法。
楼主韵瑶1981 时间:2015-11-05 23:27:03
  文字输出范围的设置-文本框

  在页面或图片上要输出很多文字,就要考虑其输出范围。我们输出文字时,如果没有设置过行过段标签系统默认左对齐,向右顺延至边框,才自动过下一行,因此必需设置文本框来空制文字输入的范围。

  文本框有二种:普通文本框和有滚动条的文本框。

  文字直接显示在页面上的代码:
  <font style=font:12pt face=幼圆 color=00ff00>
  时常有些小偷小摸行为的柏尼遇上了一次坠机事件,无意中成了救出几十名乘客的大英雄。但人们在寻找英雄时,柏尼却正被关在监狱里,于是,另一位流浪汉强恩拎着自己无意中得到的证物——一只鞋,成功地冒充了英雄。真英雄和假英雄终于在高楼的外墙沿上相遇了,谁能继续做英雄,并拥有那100万美元的奖金呢?
  </FONT>
楼主韵瑶1981 时间:2015-11-05 23:27:23
  <TABLE borderColor=fff000 height=150 cellSpacing=1 cellPadding=10 width=450 border=1> <TBODY>
  <TR>
  <TD>
  <p align="LEFT">
  什么是虚拟内存
  时常有些小偷小摸行为的柏尼遇上了一次坠机事件,无意中成了救出几十名乘客的大英雄。但人们在寻找英雄时,柏尼却正被关在监狱里,于是,另一位流浪汉强恩拎着自己无意中得到的证物——一只鞋,成功地冒充了英雄。真英雄和假英雄终于在高楼的外墙沿上相遇了,谁能继续做英雄,并拥有那100万美元的奖金呢? </p>
  </TD></TR></TBODY></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:27:44
  <CENTER>
  <TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
  <TBODY>
  <TR>
  <TD>
  <TABLE style="SCROLLBAR-FACE-COLOR:olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR:olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR:00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
  <TBODY>
  <TR>
  <TD>
  <DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
  <P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
  如果说生活像游乐场的旋转木马,那么潘柏尼到目前为止都还没够到过那个铜环扶手。当周遭的事物永无休止地环绕着他运转时,他也会凝望着它——金光闪烁,充满了承诺,但却是可望而不可及的。虽然他也曾试着去抓那难以捉摸的铜环,想据为己有,但命运之神总是将最好的奖品留着不发。他笨拙的尝试永远都是差一点。

  </B></FONT></DIV></TD></TR></TBODY></TABLE>
  </TD></TR></TBODY></TABLE></DIV></DIV><br>

  原创编辑者:游子。
楼主韵瑶1981 时间:2015-11-05 23:28:15
  文字装在条幅中走马灯式移动的代码:

  <marquee direction=left scrollamount=2 style=width=500 height=20><CENTER>
  <font style=font:15pt face=华文新魏 color=00ff00><b>
  什么是虚拟内存
  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),
  它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,
  这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,
  它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
  </b></FONT></marquee><br><br>
  <BR>

楼主韵瑶1981 时间:2015-11-05 23:28:40
  文字装在文本框内从下向上移动的代码:

  <marquee direction=up scrollamount=1 style=width=350 height=120><CENTER>
  <font style=font:15pt face=华文新魏 color=fff000><b>
  什么是虚拟内存
  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),
  它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,
  这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,
  它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
  </marquee><br><br>

  【说明】
  如果宽度用绝对值(%),没有其他定位指令时,文字移动范围是从左边启始的。

楼主韵瑶1981 时间:2015-11-05 23:29:39
  学习表格设置做图框.

  表格设置是代码贴图和制作个人主页的主要基础,表格设置标签属性内容有十多个,可以先从7个常用的学起,逐步提高。先看用表格做成的一张图片,这张图片宽300,高200,蓝色边框,黄色背景,插入一段文字,内容与边框有一定的距离。
  表格设置是代码贴图和制作个人主页的主要基础,表格设置标签属性内容有十多个,可以先从7个常用的学起,逐步提高。

  代码:
  <CENTER><BR>
  <TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=500 height=300>
  <TBODY><TR><TD>
  <font style=font:15pt face=黑体 color=0000ff>
  表格设置是代码贴图和制作个人主页的主要基础,
  表格设置标签属性内容有十多个,可以先从7个常用的学起,逐步提高。
  </CENTER></font></TD></TR></TBODY></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:29:58
  注解:

  第一行是居中代码。
  第二和第三行是表格的始标签,包括表格标签名和7个属性内容。
  第四行是表格输入内容的行和列的始标签。(行和列构成一个单元格)
  第五行是文字设直标签。
  第六和第七行输入文字内容。
  第八行是以上各个始标签的对应尾标签 。
楼主韵瑶1981 时间:2015-11-05 23:30:19
  表格设置标签属性内容说明:
  TABLE=标签名。 
  border=10 表格边框的厚度及参数。
  borderColor=#0000ff 边框颜色及颜色码。
  cellSpacing=10 单元格间距及参数。
  cellpadding=20 内容与格线的距离及参数。
  bgcolor=fff000 表格的背景颜色及及颜色码。
  width=400 表格宽度及参数。
  height=300 表格高度及参数。

  表格宽度及表格高度的参数,可用绝对值,如300:也可用相对值,如“100%”。高度如果不是特殊需要时,也可以不加入参数,系统会根据输入的内容自动延伸。



  一张用颜色作背景的空白图框代码:
楼主韵瑶1981 时间:2015-11-05 23:30:38
  <CENTER>
  <TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 bgcolor=fff000 width=500 height=350>
  <TBODY>
  <TR>
  <TD>
  <br>
  <br>
  </CENTER></TD></TR></TBODY></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:31:21
  一张用图片作背景的空白图框代码:

  <TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 cellpadding=20 background=http://width=500 height=350>
  <TBODY>
  <TR>
  <TD>
  <br>
  <br>
  </CENTER></TD></TR></TBODY></TABLE>
楼主韵瑶1981 时间:2015-11-05 23:31:38
  用颜色作背景和用图片作背景不同之处,只改变一个属性内容,即:
  表格的背景颜色及颜色码。bgcolor=fff000
  改为用图片作背景即:
楼主韵瑶1981 时间:2015-11-05 23:32:21
  图片雾化的贴图方法。

  图片雾化或叫羽化效果,就是一张图片只突出显示中心的主要图像,

  周边朦胧淡化。方法有通常使用的代码和简化的代码.
  二种雾化代码模式:
  图片雾化通常使用的代码和简化的代码:

  通常使用的代码:

  <TABLE border=0>
  <TR>
  <TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=图片地址 >
  </TD></TR></TABLE>
  <br><br>


  简化的代码:

  <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="图片地址"INPUT>



  原创制作者:游子。

楼主韵瑶1981 时间:2015-11-05 23:32:37
  下面是一张美女图片和图片地址:

  欢迎您!启步学代码 ( 十三 )转载 - 幻影日月 - 幻影日月


  http://pic.yesky.com/picupload1/20050725/162238/

  4019006.jpg
楼主韵瑶1981 时间:2015-11-05 23:32:58
  图片雾化通常使用的代码:

  <TABLE border=0>
  <TR>
  <TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=http://pic.yesky.com/picupload1/

  20050725/162238/4019006.jpg >
  </TD></TR></TABLE>
  <br><br>
楼主韵瑶1981 时间:2015-11-05 23:34:29
  简化的图片雾化代码:

  <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://pic.yesky.com/picupload1/20050725/

  162238/4019006.jpg"INPUT>
楼主韵瑶1981 时间:2015-11-05 23:34:50
  【说明 】
  这种代码可非常方便的调整图片的大小,即把代码

  宽度参数(width=450)改变了就行。
楼主韵瑶1981 时间:2015-11-05 23:35:09
  圆形雾化效果和矩形雾化效果代码是一样的,不同之处是:
  把圆形雾化效果 style=2 改为:
  矩形雾化效果 style=3
  通常使用的是圆形雾化效果 style=2 .
楼主韵瑶1981 时间:2015-11-05 23:35:44
  如何在图框内插入图片或文字。

  学习和掌握了HTML代码两大基本功即文字设置和表格设置

  之后,就可以制作一些多姿多彩的代码贴了。
  我们可以在一张用图片或颜色作背景的表格单元格内

  (单层或多层图框内),插入多段文字的和图片.
  根据插入的图片宽度和色彩选好图框。有些论坛对代码

  贴图的宽度限制在500之内,所以图框包括边线宽度不能

  超过500,插入的图片宽度在400以内,否则其超过部

  份就无法显示。如果论坛对代码贴宽度不限制,插入的图片就

  可宽限些.由于插入的图片加图框的宽很大,所以必须设置

  全屏代码,才能完整显示。网络上有很多漂亮的图框(套装)

  ,可以拿来套用。启步学习时,最好采用较简单的图框。
楼主韵瑶1981 时间:2015-11-05 23:36:23
  在一张图框或图片内如何插入文字和图片?
  要在表格的单元格<TD>与</TD>中间插入。例如:

  <TABLE width=480 height=350 bordercolor=olive background=http:// border=18>
  <TR>
  <TD >
  <FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#0000ff><B><p align=CENTER>插入文字或图片</P>
  <p align=CENTER>插入文字或图片</P>
  <p align=CENTER>插入文字或图片</P>
  </B> </FONT>
  </TD></TR></TABLE></CENTER>



  说明:
  ●width=480=图框宽度;
  ●height=350=图框高度;
  ●bordercolor=oliv=边框颜色;
  ●border=8=边框线粗度.
  ●background=背景图片地址.
楼主韵瑶1981 时间:2015-11-05 23:37:31
  代码实例:
  <TABLE width=480 height=350 bordercolor=olive background=http:// border=18>
  <TABLE width=480 height=350 bordercolor=olive background=http:// border=18>
  <TR>
  <TD >
  <FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#0000ff><B>
  <br> <p align=CENTER>万紫千红总是春</P>
  <p align=CENTER><img src="http://"width=400 border=1>
  </P>
  <p align=CENTER><img src="http://"width=400 border=1>
  </P>
  <p align=CENTER><img src="http://"width=400 border=1>
  </P>
  <p align=CENTER>图文:网络/编辑:游子</P>
  </B> </FONT>
  </TD></TR>;</TABLE></CENTER>

楼主韵瑶1981 时间:2015-11-05 23:38:49
  把上面窄幅代码贴的图框和图片宽度各加大200,代码如下:

  <TABLE width=680 height=350 bordercolor=olive background=http:// border=18>
  <TR>
  <TD >
  <FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#0000ff><B>
  <br> <p align=CENTER>万紫千红总是春</P>
  <p align=CENTER><img src="http://"width=600 border=1>
  </P>
  <p align=CENTER><img src="http://"width=600 border=1>
  </P>
  <p align=CENTER><img src="http://"width=600 border=1>
  </P>
  <p align=CENTER>图文:网络/编辑:游子</P>
  </B> </FONT>
  </TD></TR></TABLE></CENTER>









楼主韵瑶1981 时间:2015-11-05 23:39:17
  像这样的宽幅代码贴,就必须加设全屏代码:


  在代码的第一行前面加以下代码:
  <DIV id=table1 style="LEFT: -220px; WIDTH:

  800px;POSITION: relative; TOP: 40px">


  在代码最后一行加以下代码:
  </DIV><br><br><br><br>

  不设置全屏代码时,贴子右边有一部份不能显示。
楼主韵瑶1981 时间:2015-11-05 23:40:34
  文字编辑几种常用代码语句的浅识
  掌握HTML语法中的分隔标签非常有必要,娴熟地
  应用分隔标签,能令帖子可读性强、外观整洁漂亮。


  文字编辑常用代码语句:

  ◇
  换行标记一个
  令文字显示于下一行,二个
  留一空白行。
  ◇
  文字编辑 段落标记令文字之间留一空白行。
  ◇( ) 括号内的语句,令文字之间留一空隔。(可单独使用)
  ◇ 令字体加粗(双标签)
  ◇ 令文字加上底线(双标签)
  ◇
  居中令字、画、表格等显示于中间
  (双标签)


  换行标记
  ,即强行换行指令的认识。
  下面这首李白的诗,在输入编辑时虽然有分行,但无用强行换行
  标签,由于系统有顺延功能作用,所以仍然是从左侧顺延联成一片显示出来。


  先看文字设置无换行标记的一组代码:
  通常设置文字位置的代码:

  <Palign=位置><font face=字体 size=字号 color=颜色>文章内容</font></p>

  LEFT=左 CENTER=中 RIGHT=右

  这是一个最基本的格式。复制加进相应的位置,字体,字号,颜色代码就可以了。
楼主韵瑶1981 时间:2015-11-06 01:00:55
  HTML边框代码元素的分析

  HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。用它的语法规则建立的文档可以运行在不同操作系统的平台上。因此,HTML文档属于纯文本文件(它能用任意的文本编写器书写)。

  HTML代码应用非常广泛,我们在来吧编辑帖子只使用到其中的一部分,现在来讲解一下这些语言的定义,方便大家学习使用HTML代码语言。

  我们做边框实际就是在做表格,HTML代码表格的主要元素首先要了解。

  1**标签

  table,tr,td 称为HTML的标签,以双标签的形式出现,所谓双标签,也就是有一个<table>就有一个对应的</table>与之对应,同样适用于其他的双标签。
  如:
  <TABLE><TBODY><TR><TD><TABLE><TBODY><TR><TD>内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
  有多少<TABLE><TBODY><TR><TD>打头就得有多少</TD></TR></TBODY></TABLE>收尾,否则就会出错,其他标签适用。

  2**<table>标记的主要属性


  align定义表格的对齐方式,有三个属性值center,left,right
  background定义表格的背景图案,属性值为图片的地址
  bgcolor定义表格的背景颜色,属性值是各种颜色代码
  border定义表格的边框宽度,属性值是数字
  bordercolor定义表格边框的颜色,属性值是各种颜色代码
  cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字
  cellspacing定义表格中单元格之间的距离
  height定义表格的高度,属性值是数字
  width定义表格的宽度,属性值是数字
  bordercolorlight 表格边框向光部分的颜色
  bordercolordark 表格边框背光部分的颜色,
  使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效,即不能同时使用。

  <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:
  *align定义对齐方式,属性值与上同
  *background定义背景图案 bgcolor定义背景色

  <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:
  colspan定义合并表格的列数,属性值是数字
  rowspan定义合并表格的行数,属性值是数字

  3**文字标记

  基本代码如下:
  <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
  align=center 表示字体居中,可选值为居右(right)居左(left)
  *color=颜色代码
  *face=字体 常用字体为:宋体.黑体.楷体.新宋体.隶书等
  *size=字体大小,这里的最大值为7 取值越大文字就越大

  1.字体变化 <font>..........</font>


  a.字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
  b.指定字型 <font face="字体名称">..........</font>
  c.文字颜色 <font color=#rrggbb>..........</font>


  2.粗体字 <b>..........</b>

  3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果

  4.换行(也称回车)

  5.分段标记 <p>
  文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 <p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。


  4**区隔标记 <DIV>

  <DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。
  <DIV>应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性。

  以 <DIV align="center"> 为例:
  align="center" 可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
  <DIV align="center"> 的作用和居中标记 <CENTER>一样。


  5*图片标记

  1.插入图片 --<img src="图形文件名">

  2.设定图框 -- border <img src="图形文件名" border=点数>

  3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>

  4.设定图形上下左右留空 -- vspace、hspace <img src="图片地址" vspace=上下留空点数 hspace=左右留空点数>

  5.图形附注 <img src="图片地址" alt="说明文字">

  例如 <img src="图片地址" width=180 height=152 border=0>

  6**歌曲代码:


  在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
  1.手动播放:
  <EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" c>
  2. 打开页面自动播放:
  <EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" c autostart="true">


  最后介绍一下帖子背景的代码,这个代码目前天涯可以使用,代码如下;
  <STYLE>body{background:center url(http://laiba.tianya.cn/laiba/images/15714891/12487469510520721460/A/1/l.jpg);background-attachment:fixed}</STYLE><STYLE>.content{BACKGROUND-COLOR: transparent ;COLOR: #a02040 ; FONT-FAMILY: 黑体; LINE-HEIGHT:24px; FONT-SIZE: 20px}</STYLE></EMBED></EMBED></CENTER></DIV></DIV></DIV></DIV></DIV></h></b></table></table
楼主韵瑶1981 时间:2015-11-06 02:29:58
  具体颜色如下:
  1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF
  5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000
  9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F
  12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D
  15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F
  18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00
  21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F
  24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD
  27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F
  30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42
  34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275
  37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32
  40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76
  43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F
  46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8
  49 浅钢蓝色 #8F8FBD 59 浅木色 #E9C2A6 60 石灰绿色 #32CD32

  收集到70种颜色的编码,公布出来供来吧朋友们自由采用。需要强调说明的是:为了能够显示编码给大家看,我特地在方括号里留了空格。实际使用时,绝对不许存在任何空格!还有别忘了文字后面加 [ /ft]!

  [ ftc=#FFFFFF]白色 [ ftc=#000000]黑色
  [ ftc=#37B400]绿色 [ ftc=#4E2F2F8]浅绿
  [ ftc=#A4D49D]淡绿 [ ftc=#00FF00]翠绿
  [ ftc=#32CD32]石灰绿 [ ftc=#238E23]森林绿
  [ ftc=#215E21]猎人绿 [ ftc=#2F4F2F]深绿
  [ ftc=#527F76]铜绿 [ ftc=#4A766E]深铜绿
  [ ftc=#4F4F2F]深橄榄绿 [ ftc=#7093DB]松石绿
  [ ftc=#00AEEF]鲜蓝 [ ftc=#5573B7]湖蓝
  [ ftc=#0000FF]深蓝 [ ftc=#8F8FBD]钢蓝
  [ ftc=#6CCFF7]浅蓝 [ ftc=#70DB93]海蓝
  [ ftc=#5F9F9F]士官蓝 [ ftc=#C0D9D9]灰蓝
  [ ftc=#F16522]橙色 [ ftc=#E47833]桔黄色
  [ ftc=#FFF100]鲜黄 [ ftc=#FFFF00]正黄
  [ ftc=#DBDB70]淡黄 [ ftc=#9F9F5F]土黄色
  [ ftc=#FBAF00]金黄 [ ftc=#D9D919]亮金黄
  [ ftc=#CD7F32]暗金黄 [ ftc=#D19275]长石色
  [ ftc=#FDC68C]暗黄 [ ftc=#B5A642]黄铜色
  [ ftc=#D98719]冷铜色 [ ftc=#B87333]铜色
  [ ftc=#8C7853]青铜色 [ ftc=#A67D3D]亮青铜色
  [ ftc=#A763A9]紫色 [ ftc=#BC8CBF]浅紫
  [ ftc=#9F5F9F]深紫 [ ftc=#652C91]紫蓝
  [ ftc=#2F3192]蓝紫 [ ftc=#42426F]紫灰
  [ ftc=#871F78]紫红 [ ftc=#9932CD]兰花紫
  [ ftc=#FF0000]大红 [ ftc=#F16D7E]土红
  [ ftc=#ED008C]朱红 [ ftc=#F49BC1]粉红
  [ ftc=#ED00FF]玫瑰红 [ ftc=#FF00FF]牡丹红
  [ ftc=#8E236B]褐红 [ ftc=#4E2F2F]印度红
  [ ftc=#FF7F00]珊瑚红 [ ftc=#8E2323]火砖红
  [ ftc=#6B238E]石板蓝 [ ftc=#856363]土玫瑰红
  [ ftc=#A8A8A8]灰色 [ ftc=#C0C0C0]浅灰
  [ ftc=#545454]深灰 [ ftc=#2F4F4F]铅灰色
  [ ftc=#855E42]暗木色 [ ftc=#E9C2A6]浅木色
  [ ftc=#00FFFF]青色 [ ftc=#93DB70]青黄
  [ ftc=#A67D3D]棕色 [ ftc=#97694F]棕褐色
  [ ftc=#5C4033]深棕 [ ftc=#5C3317]巧克力

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规