⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 0040.htm

📁 新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑
💻 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-------> 
    &lt;img src=#&gt; #=图象的 URL</p> 
    <p><!------img description-------> 
    &lt;img alt=#&gt;<br> 
    #=在浏览器尚未完全读入图象时,在图象位置显示的文字。 
    <dl> 
      <dd><tt>&lt;img src=&quot;images/f.gif&quot; alt=&quot;MY FACE :-)&quot;&gt;</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>&lt;img align=#&gt; #=top, middle, bottom</p> 
    <dl> 
      <dd><tt>&lt;img src=URL align=top&gt; My face!</tt></dd> 
    </dl> 
    <p><img align="top" alt="(^_^)" height="64" src="images/f.gif" width="64"> My Face! 
    <dl> 
      <dd><tt>&lt;img src=URL align=middle&gt; My face!</tt></dd> 
    </dl> 
    <p><img align="center" alt="(^_^)" height="64" src="images/f.gif" width="64"> My  
    Face! 
    <dl> 
      <dd><tt>&lt;img src=URL align=bottom&gt; 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>&lt;img align=left&gt;</b></p> 
    <dl> 
      <dd><tt>&lt;img src=URL align=left&gt;My Face!&lt;br&gt;<br> 
        It is always&lt;br&gt;<br> 
        smiling.&lt;br&gt;<br> 
        Hahaha....&lt;br&gt;</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>&lt;img align=right&gt;</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>&lt;br clear=all&gt;</b></p> 
    <dl> 
      <dd><tt>&lt;img src=URL align=left&gt;My Face!&lt;br&gt;<br> 
        It is always<br> 
        &lt;br clear=all&gt;<br> 
        smiling.&lt;br&gt;<br> 
        Hahaha....&lt;br&gt;</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>&lt;img vspace=# hspace=#&gt; #=value</b> 
    <dl> 
      <dd><tt>&lt;img src=URL align=left vspace=10 hspace=20&gt;My  
        Face!&lt;br&gt;<br> 
        It is always&lt;br&gt;<br> 
        smiling.&lt;br&gt;<br> 
        Hahaha....&lt;br&gt;</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>&lt;img border=#&gt; #=value</b> 
    <dl> 
      <dd><tt>&lt;a href=&quot;URL&quot;&gt;<br> 
        &lt;img src=URL border=15&gt;<br> 
        &lt;/a&gt;</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 + -