Windows LiveWindows Live™
 
 
Profiel van m1net.cnm1net ™Foto'sWeblogLijsten Extra Help

Weblog
    11-9-2005

    图片的几种用法

    常常有朋友问我怎么在图片左边插入文字和在图片加上文字

    现在就简单跟大家说一下例如我使用的图片地址是：

    http://blogcup.com/blogger_1/12583/upload/20055286389.jpg 

     把图片放在文字的左边

     

    代码如下：

    <P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

     

     

     

     

     

    如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码：<img border="0" src="http://blogcup.com/blogger_1/12583/upload/20055286389.jpg" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

    改后的代码是：

    <P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>如果</FONT></P>


     

     

    要想把图片放在右侧,可把[align=left ]改成[align=right ]

     

    改后的代码如下：

    <P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

     

     

     

     

     

    在图片加上日志文字代码如下效果见图：

    <div style="WIDTH: 109px; HEIGHT: 108px;">
    <img height="108px" src="图片链接地址" width="109" align="right">
    <div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
    <br>
    <font color="#FF00FF">日志文字</font>
    </div>
    </div>

     

    日志文字

     

     

     

    感谢  Etsuko小小素材部屋  提供

    10:45 | Links naar je weblog (52) | In weblog opnemen

    (205) reacties

    Een ogenblik geduld...
    De reactie die je hebt ingevoerd is te lang. Maak hem iets korter.
    Je hebt niets ingevoerd. Probeer het opnieuw.
    We kunnen je reactie nu niet toevoegen. Probeer het later opnieuw.
    Je hebt toestemming van je ouders nodig om een reactie toe te voegen Toestemming vragen
    Je kunt geen reacties geven omdat je ouders dit hebben uitgeschakeld.
    We kunnen je reactie nu niet verwijderen. Probeer het later opnieuw.
    Je hebt het maximale aantal reacties overschreden dat je elke dag kunt versturen. Probeer het over 24 uur nog eens.
    De mogelijkheid om reacties te geven is uitgeschakeld voor je account omdat onze systemen aangeven dat je spam naar andere gebruikers verzendt. Als je van mening bent dat je account ten onrechte is uitgeschakeld, kun je contact opnemen met de klantondersteuning van Windows Live.
    Voer de beveiligingscontrole hieronder uit om een reactie achter te laten.
    De tekens die je typt moeten overeenkomen met die in de afbeelding of het audiofragment.

    Meld je aan bij Windows Live ID om een reactie toe te voegen (als je Hotmail, Messenger of Xbox LIVE gebruikt, heb je al een Windows Live ID). Aanmelden


    Heb je geen Windows Live ID? Maak er nu een aan
    瑶 段zegt:
      收藏了 ..谢谢 !  
    13 Aug.
    ぴ儍愾zegt:
    我想把图片放中央,可是我把align=right  改成align=conter  怎么不行啊???
    29 Juni
    敬博 王zegt:
    thanks啦,这里收获很大哦
    2 Juni
    华豇zegt:
    本地电脑上的图片怎么弄这效果啊？？？
    17 Mei
    ALEXANDRAN​.sapphire.V​ICTORI...zegt:
    如何用机子上的图片呢？
    28 Apr.
    泉 泉zegt:
    收藏一会试试
    10 Apr.
    yyzegt:
    真好，我用了
    12 Mar.
    *珞飞*::ћѕўї ๑zegt:
    谢谢，我收藏了，踩踩
    2 Mar.
    秋萍zegt:
    这边的东东丰富又实用！
    都非常非常的不错！
    谢谢呀! n_n
    21 Dec.
    痞来痞去的猪zegt:
    借用了，顶一个，谢谢
    3 Dec.
    长冬 徐zegt:
    借用了，总归要顶一个，谢谢！
    2 Dec.
    影子_chu 楚zegt:
    也可以直接在日志中运用“水平排列方式”和“垂直排列方式”达到上种效果。。
    31 Aug.
    永远的斐儿zegt:
    谢谢你
    26 Aug.
    珊zegt:
    谢谢！
    26 Aug.
    bing yanzegt:
    好用！rainie_bing.photo.163.com一定有你喜欢的图片！
    21 Aug.
    Afbeelding van Anoniem
    （没有名称） zegt:
    我你笑哈嘿不来去走跑哭
    11 Aug.
    milk milkzegt:
    圖片不能顯示
    不知是什麽問題
    請儘快解決
    謝謝~
    9 Aug.
    Q怡然自乐Qzegt:
    谢谢吖!我经常用!嘿~
    30 Juli
    DAN 张zegt:
    谢谢，又学了一招～
    25 Juli
    martizegt:
    好~~我也顶~~都是那番薯~~为了朋友~~得好好学习!!!
    20 Juli
    Volgende >    Laatste >>
    *