m1net.cn님의 프로필m1net ™사진블로그리스트 도구 도움말
    2005-09-11

    图片的几种用法

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

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

    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小小素材部屋  提供

    댓글 (205개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    段瑶님이 남긴 글:
      收藏了 ..谢谢 !  
    8월 13일
    ぴ儍愾님이 남긴 글:
    我想把图片放中央,可是我把align=right  改成align=conter  怎么不行啊???
    6월 29일
    王敬博님이 남긴 글:
    thanks啦,这里收获很大哦
    6월 2일
    华豇님이 남긴 글:
    本地电脑上的图片怎么弄这效果啊???
    5월 17일
    如何用机子上的图片呢?
    4월 28일
    泉泉님이 남긴 글:
    收藏一会试试
    4월 10일
    yy님이 남긴 글:
    真好,我用了
    3월 12일
    *珞飞*::ћѕўї ๑님이 남긴 글:
    谢谢,我收藏了,踩踩
    3월 2일
    秋萍님이 남긴 글:
    这边的东东丰富又实用!
    都非常非常的不错!
    谢谢呀! n_n
    12월 21일
    痞来痞去的猪님이 남긴 글:
    借用了,顶一个,谢谢
    12월 3일
    徐长冬님이 남긴 글:
    借用了,总归要顶一个,谢谢!
    12월 2일
    楚影子_chu님이 남긴 글:
    也可以直接在日志中运用“水平排列方式”和“垂直排列方式”达到上种效果。。
    8월 31일
    永远的斐儿님이 남긴 글:
    谢谢你
    8월 26일
    님이 남긴 글:
    谢谢!
    8월 26일
    yanbing님이 남긴 글:
    好用!rainie_bing.photo.163.com一定有你喜欢的图片!
    8월 21일
    알 수 없음님의 사진
    (没有名称) 님이 남긴 글:
    我你笑哈嘿不来去走跑哭
    8월 11일
    milkmilk님이 남긴 글:
    圖片不能顯示
    不知是什麽問題
    請儘快解決
    謝謝~
    8월 9일
    Q怡然自乐Q님이 남긴 글:
    谢谢吖!我经常用!嘿~
    7월 30일
    张DAN님이 남긴 글:
    谢谢,又学了一招~
    7월 25일
    marti님이 남긴 글:
    好~~我也顶~~都是那番薯~~为了朋友~~得好好学习!!!
    7월 20일