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

推荐订阅源

OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Martin Fowler
Martin Fowler
I
InfoQ
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
WordPress大学
WordPress大学
雷峰网
雷峰网
人人都是产品经理
人人都是产品经理
N
Netflix TechBlog - Medium
G
Google Developers Blog
Y
Y Combinator Blog
Stack Overflow Blog
Stack Overflow Blog
M
MIT News - Artificial intelligence
T
Tailwind CSS Blog
T
The Blog of Author Tim Ferriss
L
LangChain Blog
V
V2EX
Hugging Face - Blog
Hugging Face - Blog
P
Proofpoint News Feed
酷 壳 – CoolShell
酷 壳 – CoolShell
Recent Announcements
Recent Announcements
The Cloudflare Blog
GbyAI
GbyAI
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale

博客园 - 爱你的人

从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)