📄 图象 标记.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0041)http://www.zjou.edu.cn/te/html/image.html -->
<HTML><HEAD><TITLE>HTML 语言教程</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY bgColor=#d4d4d4>
<H1 align=center>图象(IMAGE)标记(TAGS)</H1>
<CENTER>
<P>
<HR>
<P></P></CENTER>
<P><!--################## Basic ########################--><A
name=basic></A></P>
<H2><IMG height=20 alt=+ src="图象 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 链入图象的基本语法</H2>
<P><!------img source-------></P>
<H3><img src=#> #=图象的 URL</H3>
<P><!------img description-------></P>
<H3><img alt=#> <BR><FONT size=+0>#=在浏览器尚未完全读入图象时，在图象位置显示的文字。</FONT></H3>
<DL>
<DD><TT><img src="f.gif" alt="MY FACE :-)"> </TT></DD></DL>
<P><IMG height=64 alt="MY FACE :-)" src="图象 标记.files/f.gif" width=64
tppabs="http://webclass/html/f.gif"> </P><PRE></PRE>
<P><!--################## Image aligned with Text ########################--><A
name=text></A></P>
<H2><IMG height=20 alt=+ src="图象 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 图象和文字的对齐</H2>
<H3><img align=#> #=top, middle, bottom</H3>
<DL>
<DD><TT><img src=URL align=top> My face! </TT></DD></DL>
<P><IMG height=64 alt=(^_^) src="图象 标记.files/f.gif" width=64 align=top
tppabs="http://webclass/html/f.gif"> My Face! </P>
<DL>
<DD><TT><img src=URL align=middle> My face! </TT></DD></DL>
<P><IMG height=64 alt=(^_^) src="图象 标记.files/f.gif" width=64 align=center
tppabs="http://webclass/html/f.gif"> My Face! </P>
<DL>
<DD><TT><img src=URL align=bottom> My face! </TT></DD></DL>
<P><IMG height=64 alt=(^_^) src="图象 标记.files/f.gif" width=64 align=bottom
tppabs="http://webclass/html/f.gif"> My Face! </P>
<UL>
<LI>只有一行文字才可以放在图象的两边。（不知道翻译的对不对？)
<LI>Only one text line can be flown into the both side of Image. </LI></UL><PRE></PRE>
<P><!--################## Floating Image ########################--><A
name=float></A></P>
<H2><IMG height=20 alt=+ src="图象 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 图象在页面中的对齐/布局(Floating Image) </H2>
<P><!------img align=left-------></P>
<H3><B><img align=left></B></H3>
<DL>
<DD><TT><img src=URL align=left>My Face!<br><BR>It is
always<br><BR>smiling.<br><BR>Hahaha....<br></TT><BR></DD></DL>
<P><IMG height=64 alt=(^_^) src="图象 标记.files/f.gif" width=64 align=left
tppabs="http://webclass/html/f.gif">My Face!<BR>It is
always<BR>smiling.<BR>Hahaha....<BR><BR clear=all></P><PRE></PRE>
<P><!------img align=right-------></P>
<H3><B><img align=right></B></H3>
<P><IMG height=64 alt=(^_^) src="图象 标记.files/f.gif" width=64 align=right
tppabs="http://webclass/html/f.gif">My Face!<BR>It is
always<BR>smiling.<BR>Hahaha....<BR><BR clear=all></P><PRE></PRE>
<P><!------br clear-------></P>
<H3><B><br clear=all></B></H3>
<DL>
<DD><TT><img src=URL align=left>My Face!<br><BR>It is
always<BR><br
clear=all><BR>smiling.<br><BR>Hahaha....<br></TT><BR></DD></DL>
<P><IMG height=64 alt=(^_^) src="图象 标记.files/f.gif" width=64 align=left
tppabs="http://webclass/html/f.gif">My Face!<BR>It is always<BR><BR
clear=all>smiling.<BR>Hahaha....</P>
<P></P><PRE></PRE>
<P><!------vspace hspace-------></P>
<H3><B><img vspace=# hspace=#> #=value</B></H3>
<DL>
<DD><TT><img src=URL align=left vspace=10 hspace=20>My
Face!<br><BR>It is
always<br><BR>smiling.<br><BR>Hahaha....<br></TT><BR></DD></DL>
<P><IMG height=64 alt=(^_^) hspace=20 src="图象 标记.files/f.gif" width=64
align=left vspace=10 tppabs="http://webclass/html/f.gif">My Face!<BR>It is
always<BR>smiling.<BR>Hahaha....<BR><BR clear=all></P><PRE></PRE>
<P><!--################## Border ########################--><A
name=border></A></P>
<H2><IMG height=20 alt=+ src="图象 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 边框</H2>
<P><!------border-------></P>
<H3><B><img border=#> #=value</B></H3>
<DL>
<DD><TT><a href="URL"><BR><img src=URL border=15><BR></a>
</TT></DD></DL>
<P><A href="图象 标记.files/fh.gif" tppabs="http://webclass/html/fh.gif"><IMG
height=64 alt=(^_^) src="图象 标记.files/fh.gif" width=64 border=15
tppabs="http://webclass/html/fh.gif"></A> </P><PRE></PRE>
<P><!--################## Client Side Image Map ########################--><A
name=cmap></A></P>
<H2><IMG height=20 alt=+ src="图象 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> <A
href="http://www.zjou.edu.cn/te/html/map.html"
tppabs="http://webclass/html/map.html">客户端图象映射图(Client Side Image Map)</A> </H2><PRE></PRE><BR>
<HR>
<IMG height=58 alt="NCD HOME" hspace=3 src="图象 标记.files/angel-homeg.gif"
width=69 align=left vspace=10 border=0> <A
href="http://www.zjou.edu.cn/te/html/html.htm">(返回) HTML 语言教程：目录</A>
<BR></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -