惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
爱范儿
爱范儿
Vercel News
Vercel News
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Martin Fowler
Martin Fowler
博客园 - 司徒正美
大猫的无限游戏
大猫的无限游戏
酷 壳 – CoolShell
酷 壳 – CoolShell
T
Tailwind CSS Blog
Blog — PlanetScale
Blog — PlanetScale
博客园 - 【当耐特】
人人都是产品经理
人人都是产品经理
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - Franky
T
The Blog of Author Tim Ferriss
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google DeepMind News
Google DeepMind News
H
Help Net Security
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
G
Google Developers Blog

博客园 - 爱你的人

从ArcEngine的模板开始 ArcIMS9.3新特性 ArcIMS9.2补丁安装 构建自己的ExtJs 失败 文字布局(TEXT STYLE)标记(TAGS) 表格(TABLE)标记(TAGS) 表单(FORM)标记(TAGS) 表格进阶(TABLE ADVANCED) 多窗口页面(Frames) 页面(PAGE)标记(TAGS) 字体(FONT)标记(TAGS) 会移动的文字(Marquee) 多媒体页面(Alternative Inline Elements) HTML 标记(Tag)的索引(Index) 多线程程序设计之一 16.ListBox and StatusStrip C# 函数方法大全+学习笔记 14.PictureBox
图象(IMAGE)标记(TAGS)
爱你的人 · 2008-05-01 · via 博客园 - 爱你的人

+ 链入图象的基本语法

<img src=#> #=图象的 URL

<img alt=#>
#=在浏览器尚未完全读入图象时,在图象位置显示的文字。

<img src="f.gif" alt="MY FACE :-)">

MY FACE :-)



+ 图象和文字的对齐

<img align=#> #=top, middle, bottom

<img src=URL align=top> My face!

(^_^) My Face!

<img src=URL align=center> My face!

(^_^) My Face!

<img src=URL align=bottom> My face!

(^_^) My Face!

  • 只有一行文字才可以放在图象的两边。(不知道翻译的对不对?)
  • Only one text line can be flown into the both side of Image.


+ 图象在页面中的对齐/布局(Floating Image)

<br clear=all>

<img src=URL align=left>My Face!<br>
It is always
<br clear=all>
smiling.<br>
Hahaha....<br>

(^_^)My Face!
It is always

smiling.
Hahaha....



<img vspace=# hspace=#> #=value

<img src=URL align=left vspace=10 hspace=20>My Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>

(^_^)My Face!
It is always
smiling.
Hahaha....



+ 边框

<img border=#> #=value

<a href="URL">
<img src=URL border=15>
</a>

(^_^)



+ 客户端图象映射图(Client Side Image Map)