?? html4.htm
字號:
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE>HTML語言教程之四：圖像(IMAGE)標(biāo)記</TITLE><META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot"><link rel="stylesheet" href="../../cpcw.css"></HEAD><BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif"><table width="85%" border="0" align="center"> <tr bgcolor="#FFFFFF"> <td> <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML語言教程之四：圖像(IMAGE)標(biāo)記</b></font></font></p> <p align="JUSTIFY"></p> <hr> <p> </p> <h2> 鏈入圖象的基本語法</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 src="f.gif" alt="MY FACE :-)" height=64 width=64> </p> <pre></pre> <p><!--################## Image aligned with Text ########################--><a name="text"></a></p> <h2> 圖象和文字的對齊</h2> <h3><img align=#> #=top, middle, bottom</h3> <dl> <dd><tt><img src=URL align=top> My face! </tt></dd> </dl> <p><img src="f.gif" alt="(^_^)" height=64 width=64 align=TOP> My Face! </p> <dl> <dd><tt><img src=URL align=middle> My face! </tt></dd> </dl> <p><img src="f.gif" alt="(^_^)" height=64 width=64 align=CENTER> My Face! </p> <dl> <dd><tt><img src=URL align=bottom> My face! </tt></dd> </dl> <p><img src="f.gif" alt="(^_^)" height=64 width=64 align=BOTTOM> My Face! </p> <ul> <li>只有一行文字才可以放在圖象的兩邊。（不知道翻譯的對不對？)</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> 圖象在頁面中的對齊/布局(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 src="f.gif" alt="(^_^)" height=64 width=64 align=LEFT>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 src="f.gif" alt="(^_^)" height=64 width=64 align=RIGHT>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 src="f.gif" alt="(^_^)" height=64 width=64 align=LEFT>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 src="f.gif" alt="(^_^)" hspace=20 vspace=10 height=64 width=64 align=LEFT>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> 邊框</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> <h2><blink><a href="fh.gif"><img src="fh.gif" alt="(^_^)" border=15 height=64 width=64></a> </blink></h2> <p align="CENTER"><a href="../homepage.htm"><font face="宋體" lang="ZH-CN">返回主頁</font></a> <a href="html3.htm">上一節(jié)</a> <a href="html5.htm">下一節(jié)</a></p> <font face="宋體" lang="ZH-CN"><p align="CENTER"><a href="http://www.cpcw.com">電腦報首頁</a> <a href="../index.htm">網(wǎng)絡(luò)學(xué)院首頁</a></p> </font></td> </tr></table></BODY></HTML>?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -