📄 0040.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>图象</strong></big></p>
<div align="right">---摘自《网页设计师》</div>
<p><font color="#008000">◇ 链入图象的基本语法</font></p>
<p><!------img source------->
<img src=#> #=图象的 URL</p>
<p><!------img description------->
<img alt=#><br>
#=在浏览器尚未完全读入图象时,在图象位置显示的文字。
<dl>
<dd><tt><img src="images/f.gif" alt="MY FACE :-)"></tt></dd>
</dl>
<p><img alt="MY FACE :-)" height="64" src="images/f.gif" width="64"></p>
<p><!--################## Image aligned with Text ########################-->
<a name="text"></a><font color="#008000">◇ 图象和文字的对齐</font></p>
<p><img align=#> #=top, middle, bottom</p>
<dl>
<dd><tt><img src=URL align=top> My face!</tt></dd>
</dl>
<p><img align="top" alt="(^_^)" height="64" src="images/f.gif" width="64"> My Face!
<dl>
<dd><tt><img src=URL align=middle> My face!</tt></dd>
</dl>
<p><img align="center" alt="(^_^)" height="64" src="images/f.gif" width="64"> My
Face!
<dl>
<dd><tt><img src=URL align=bottom> My face!</tt></dd>
</dl>
<p><img align="bottom" alt="(^_^)" height="64" src="images/f.gif" width="64"> My
Face!
<ul>
<li>只有一行文字才可以放在图象的两边。(不知道翻译的对不对?)
<li>Only one text line can be flown into the both side of Image.</li>
</ul>
<p><!--################## Floating Image ########################-->
<a name="float"></a>◇ <font color="#008000">图象在页面中的对齐/布局(Floating
Image)</font></p>
<p><b><img align=left></b></p>
<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 align="left" alt="(^_^)" height="64" src="images/f.gif" width="64">My Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>
<br clear="all">
</p>
<p><b><img align=right></b></p>
<p><img align="right" alt="(^_^)" height="64" src="images/f.gif" width="64">My
Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>
<br clear="all">
</p>
<p><b><br clear=all></b></p>
<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 align="left" alt="(^_^)" height="64" src="images/f.gif" width="64">My Face!<br>
It is always<br>
<br clear="all">
smiling.<br>
Hahaha....</p>
<p><!------vspace hspace------->
<b><img vspace=# hspace=#> #=value</b>
<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 align="left" alt="(^_^)" height="64" hspace="20" src="images/f.gif" vspace="10" width="64">My
Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>
<br clear="all">
<!--################## Border ########################-->
<a name="border"></a><font color="#008000">◇ 边框</font></p>
<p><!------border------->
<b><img border=#> #=value</b>
<dl>
<dd><tt><a href="URL"><br>
<img src=URL border=15><br>
</a></tt></dd>
</dl>
<p><a href="fh.gif"><img alt="(^_^)" border="15" height="64" src="images/f.gif" width="64"></a></p>
<p> </p>
<p>(未完,请继续)
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -