×

Loading...

赫赫,班门弄斧,为不熟悉html tag的朋友总结一下这个字体颜色大小和表格背景的用法。

本文发表在 rolia.net 枫下论坛如果你有frontpage或者其它网页编辑软件,可以用他们先编辑好效果,然后将相应的代码复制粘贴下来就可以了。
实际应用中,以下的《》用<>代替

字体颜色,大小,背景设置:

代码:《font size="5" color="#0000FF"》《span style="background-color: #C0C0C0"》sdsdsd《/span></font》
效果:<font size="5" color="#0000FF"><span style="background-color: #C0C0C0">sdsdsd</span></font>
size 后面是文字的大小,以pt为单位;color是字体的颜色,如yellow, red, black,green,blue等可以直接用颜色的英语名称,例如:color=red。background-color用法相似。

表格:
1.贴图用:
代码:
《table border="0" cellpadding="0" cellspacing="0" width="251" background="http://www.rolia.net/images/forum/forum_logo_01.jpg" height="60"》
《tr》
《td width="100%"》 《/td》
《/tr》
《/table》
效果:
<table border="0" cellpadding="0" cellspacing="0" width="251" id="AutoNumber1" background="http://www.rolia.net/images/forum/forum_logo_01.jpg" height="60">
<tr>
<td width="100%"> </td>
</tr>
</table>
将background中的地址换为您的图片地址即可。似乎在贴图前要搞清楚图的尺寸,否则可能会显示不全。一般网上的图片用鼠标右键,属性就能显示尺寸数据,然后替代width和height中的数字。不建议不熟悉的朋友更改border等参数,因为这样有可能会不能适当显示图片。更多精彩文章及讨论,请光临枫下论坛 rolia.net
Sign in and Reply Report

Replies, comments and Discussions:

  • 枫下家园 / 电脑用户 / 赫赫,班门弄斧,为不熟悉html tag的朋友总结一下这个字体颜色大小和表格背景的用法。
    本文发表在 rolia.net 枫下论坛如果你有frontpage或者其它网页编辑软件,可以用他们先编辑好效果,然后将相应的代码复制粘贴下来就可以了。
    实际应用中,以下的《》用<>代替

    字体颜色,大小,背景设置:

    代码:《font size="5" color="#0000FF"》《span style="background-color: #C0C0C0"》sdsdsd《/span></font》
    效果:<font size="5" color="#0000FF"><span style="background-color: #C0C0C0">sdsdsd</span></font>
    size 后面是文字的大小,以pt为单位;color是字体的颜色,如yellow, red, black,green,blue等可以直接用颜色的英语名称,例如:color=red。background-color用法相似。

    表格:
    1.贴图用:
    代码:
    《table border="0" cellpadding="0" cellspacing="0" width="251" background="http://www.rolia.net/images/forum/forum_logo_01.jpg" height="60"》
    《tr》
    《td width="100%"》 《/td》
    《/tr》
    《/table》
    效果:
    <table border="0" cellpadding="0" cellspacing="0" width="251" id="AutoNumber1" background="http://www.rolia.net/images/forum/forum_logo_01.jpg" height="60">
    <tr>
    <td width="100%"> </td>
    </tr>
    </table>
    将background中的地址换为您的图片地址即可。似乎在贴图前要搞清楚图的尺寸,否则可能会显示不全。一般网上的图片用鼠标右键,属性就能显示尺寸数据,然后替代width和height中的数字。不建议不熟悉的朋友更改border等参数,因为这样有可能会不能适当显示图片。更多精彩文章及讨论,请光临枫下论坛 rolia.net
    • ooooh...
      <table border="0" cellpadding="0" cellspacing="0" width="110" height="110" id="AutoNumber2" background="http://emage.allrecipes.com/allrecipes/images/features/ar_frontpage_thanks_110x110.gif" >
      <tr>
      <td width="100%"></td>
      </tr></table>
      • 是什么?大粪?Just Kidding. :)
    • up
    • 这才是好同志啊。
    • 俺大半夜辛辛苦苦写的,居然没人看,5555555555。。。流星雨还说没人教。。。
      • 可怜啊...//comfort
      • 才看到,谢谢了。
      • 我看了也白看,不过帮你UP!
      • 所以才帮你UP :P
      • try
        <table border="0" cellpadding="0" cellspacing="0" width="251" background="http://www.rolia.net/images/forum/forum_logo_01.jpg" height="60">
        <tr>
        <td width="100%"> </td>
        </tr>
        </table>
    • have a try.
      <font size="8" color=red> thanks </font>
      • testing
        <font color="#FF0000">test</font><font color="#00FF00">ing</font>
    • 《font size="5" color="#0000FF"》《span style="background-color: #C0C0C0"》sdsdsd《/span></font》
      <font size="5" color="#0000FF"><span style="background-color: #C0C0C0">sdsdsd</span></font>
    • 补充:字体效果仅能在正文中实现,标题不能这样做
    • Thank you.
      <font size="12" color=red><span style="background-color: blue">Thank you<span></font>
    • 其实贴图只在多个图的情况下有意义,否则不如直接在pic: 输入地址。
      • 有时候可以做到文章图文并茂嘛,赫赫
    • 再谢
      <font size="3" color = blue> 一</font>
      <span style="background-color=green>二</span>
    • 爆头!
      <table border="0" cellpadding="0" cellspacing="0" width="240" background="http://www.counter-strike.net/images/left2.gif" height="310">
      <tr>
      <td width="100%"> </td>
      </tr>
      </table>
    • 有什么用啊?原来给出地址联接,不也能贴图吗?
      • #856384
        • egg?
      • 对于你这么质朴的同志自然没有用了.....以后再发煽情文章或向mm表达爱慕之意的时候, 就不再仅有干涩的文字啦, 而是极为渲染气氛的诗图混合体了...还不抓紧时间实践一下...
    • Thank You!
      <table border="8" bordercolor="cyan" cellpadding="0" cellspacing="0" width="600" height="600" align="center" background="http://mips.gsf.de/proj/thal/ens/images/flower.jpg">
      <tr>
      <td width="100%">
      <font size=+4 color="blue"><i><b>Thank You
      </b></i></font>
      </td>
      </tr>
      </table>
      • 嗯,不客气(人家在这谢了半天,俺就替天使DD说一声吧)^_*
        • Say "Hello" to you..
          <table border="8" bordercolor="cyan" cellpadding="0" cellspacing="0" width="600" height="600" align="center" background="http://fortisgraphix.com/entries/march2002/happy_valentine.gif"><tr width="100%"><td>
          <td></tr></table>
          • 挺PP的,不过今天好像不是什么节日啊?
            • sorry, look this..
              <table border="8" bordercolor="cyan" cellpadding="0" cellspacing="0" width="400" height="400" align="center" background="http://www.animationgrove.co.uk/cards/pc1/hello1.gif"><tr><td width="100%"></td></tr></table>
              • 很可爱哦 :)
    • 是直接将代码粘贴到正文中吗?
    • ok
      《font size="5" color="#0000FF"》《span style="background-color: #C0C0C0"》ok《/span></font》
      • 不是说把双引号变成单引号才行吗,呵呵,你一个都没换。
        <font size="50" color=red><span style="background-color: #C0C0C0">ok?</span></font>
        • 再试一次看看
          <font size="5" color="#0000FF"><span style="background-color: #C0C0C0">ok</span></font>
          • ok
            <font size="5" color="#0000FF"><span style="background-color: #C0C0C0">ok</span></font>
    • Txs
      <table border="0" cellpadding="0" cellspacing="0" >
      <tr>
      <td valigh="bottom" height="148"><h1> I DONT BITE... </h1></TD><td width="200" height="148" background="http://www11.brinkster.com/mikesxf/wolf_mike.jpg">
      &nbsp;</td>
      <td valigh="bottom" height="148"> <h1>...OFTEN !</h1></td>
      </tr>
      </table>
    • 偶小时候....
      <table border="10" cellpadding="0" cellspacing="0" width="509" background="http://digi.pchome.net/2002/11/15/musicfly103733635514_63.jpg" height="640">
      <tr>
      <td width="100%"></td>
      </tr>
      </table>
    • try again
      <p><b><i><u><font face="Arial Black" size="6" color="#FF00FF"><span style="background-color: #FFFF00">It's
      a test</span></font></u></i></b></p>
    • It's totally unsafe. Please try this
      • Sorry, Please try this Address
        • oh
          <font size="12" color=red"><span style="background-color: #C0C0C0">Oh, likr this.</span></font>
    • test
      <<script>>

      alert("heelo wold");

      <</script>>
    • TEST AGAIN
      《script》
      alert("hello");
      《/script》
    • <font size="3" color=red>How? </font>
      <font size="4" color=#FF0000 >又学一手</font>
      <table border="1" cellpadding="0" cellspacing="0" width="110" height="110" id="AutoNumber2" background="http://emage.allrecipes.com/allrecipes/images/features/ar_frontpage_thanks_110x110.gif" >
      <tr>
      <td width="100%"></td>
      </tr></table>
      <table border="1" bgcolor="#FFF000">
      <tr>
      <td Language="JavaScript" onMouseOver="alert('Good Recipe!');window.open('http://allrecipes.com/instant/dinner.asp')">实用菜谱</td>
      </tr></table>
      • Colorful
        <font color="Light Faded Green "> Light Faded Green </font>
        <font color="Dark Hard Orange "> Dark Hard Orange </font>
        <font color="Orange-Orange-Red "> Orange-Orange-Red </font>
        <font color="Light Dull Violet "> Light Dull Violet </font>
        <font color="Dark Hard Cyan "> Dark Hard Cyan </font>
    • 建议此贴置顶