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

📄 0038.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>

    <h2><font color="#008000">◇ 标题字体(Header)</font></h2>
    <h3>&lt;h#&gt; ... &lt;/h#&gt; #=1, 2, 3, 4, 5, 6</h3>
    <h1><tt><font size="+0">&lt;h1&gt;今天天气真好!&lt;/h1&gt; </font></tt>今天天气真好!</h1>
    <h2><tt><font size="+0">&lt;h2&gt;今天天气真好!&lt;/h2&gt; </font></tt>今天天气真好!</h2>
    <h3><tt><font size="+0">&lt;h3&gt;今天天气真好!&lt;/h3&gt; </font></tt>今天天气真好!</h3>
    <h4><tt><font size="+0">&lt;h4&gt;今天天气真好!&lt;/h4&gt; </font></tt>今天天气真好!</h4>
    <h5><tt><font size="+0">&lt;h5&gt;今天天气真好!&lt;/h5&gt; </font></tt>今天天气真好!</h5>
    <h6><tt><font size="+0">&lt;h6&gt;今天天气真好!&lt;/h6&gt; </font></tt>今天天气真好!</h6>
    <ul>
      <li>&lt;hn&gt;---&lt;/hn&gt; 这些标记显示黑体字。
      <li>&lt;hn&gt;---&lt;/hn&gt; 
        这些标记自动插入一个空行,不必用 &lt;p&gt; 
        标记再加空行。<br>
        因此在一行中无法使用不同大小的字体。</li>
    </ul>
    <h2><font color="#008000">◇ 字体大小</font></h2>
    <h3>&lt;font size=#&gt; ... &lt;/font&gt; #=1, 2, 3, 4, 5, 6, 7 or +#, -#<br>
    &lt;basefont size=#&gt; #=1, 2, 3, 4, 5, 6, 7</h3>
    <p><tt>&lt;font size=7&gt;今天天气真好!&lt;/font&gt; </tt><font size="+4">今天天气真好!</font></p>
    <p><tt>&lt;font size=6&gt;今天天气真好!&lt;/font&gt; </tt><font size="+3">今天天气真好!</font></p>
    <p><tt>&lt;font size=5&gt;今天天气真好!&lt;/font&gt; </tt><font size="+2">今天天气真好!</font></p>
    <p><tt>&lt;font size=4&gt;今天天气真好!&lt;/font&gt; </tt><font size="+1">今天天气真好!</font></p>
    <p><tt>&lt;font size=3&gt;今天天气真好!&lt;/font&gt; </tt><font size="+0">今天天气真好!</font></p>
    <p><tt>&lt;font size=2&gt;今天天气真好!&lt;/font&gt; </tt><font size="-1">今天天气真好!</font></p>
    <p><tt>&lt;font size=1&gt;今天天气真好!&lt;/font&gt; </tt><font size="-2">今天天气真好!</font></p>
    <h2><font color="#008000">◇ 物理字体(Physical Style)</font></h2>
    <p>&lt;b&gt;今天天气真好!&lt;/b&gt; <b>今天天气真好!</b></p>
    <p>&lt;i&gt;今天天气真好!&lt;/i&gt; <i>今天天气真好!</i></p>
    <p>&lt;u&gt;今天天气真好!&lt;/u&gt; <u>今天天气真好!</u></p>
    <p>&lt;tt&gt;今天天气真好!&lt;/tt&gt; <tt>今天天气真好!</tt></p>
    <p>&lt;sup&gt;今天天气真好!&lt;/sup&gt; <sup>今天天气真好!</sup></p>
    <p>&lt;sub&gt;今天天气真好!&lt;/sub&gt; <sub>今天天气真好!</sub></p>
    <p>&lt;s&gt;今天天气真好!&lt;/s&gt; <strike>今天天气真好!</strike></p>
    <p>&lt;strike&gt;今天天气真好!&lt;/strike&gt; <strike>今天天气真好!</strike></p>
    <h2><font color="#008000">◇ 逻辑字体(Logical Style)</font></h2>
    <p>&lt;em&gt;今天天气真好!&lt;/em&gt; <i>今天天气真好!</i></p>
    <p>&lt;strong&gt;今天天气真好!&lt;/strong&gt; <b>今天天气真好!</b></p>
    <p>&lt;code&gt;今天天气真好!&lt;/code&gt; <tt>今天天气真好!</tt></p>
    <p>&lt;samp&gt;今天天气真好!&lt;/samp&gt; <tt>今天天气真好!</tt></p>
    <p>&lt;kbd&gt;今天天气真好!&lt;/kbd&gt; <tt>今天天气真好!</tt></p>
    <p>&lt;var&gt;今天天气真好!&lt;/var&gt; <i>今天天气真好!</i></p>
    <p>&lt;dfn&gt;今天天气真好!&lt;/dfn&gt; <dfn>今天天气真好!</dfn></p>
    <p>&lt;cite&gt;今天天气真好!&lt;/cite&gt; <i>今天天气真好!</i></p>
    <p>&lt;small&gt;今天天气真好!&lt;/small&gt; <font size="-1">今天天气真好!</font></p>
    <p>&lt;big&gt;今天天气真好!&lt;/big&gt; <font size="+1">今天天气真好!</font></p>
    <p> </p>
    <p><!--################## Size & Style Tags Combination ########################-->
    <a name="combi"></a>◇ 指定“字体大小”的标记和“指定字体”的标记的组合使用</p>
    <pre>&lt;i&gt;&lt;font size=5&gt;
        &lt;b&gt;今天&lt;/b&gt; 天气&lt;font size=6&gt; 真好!&lt;/font&gt;
&lt;/font&gt;&lt;/i&gt;</pre>
    <p><i><font size="+2"><b>今天</b> 天气 </font><font size="+3">真好!</font></i> 
    <!--################## Font Color ########################-->
    <a name="fontcolor"></a></p>
    <h2><font color="#008000">◇ 字体颜色</font></h2>
    <h3>指定颜色 &lt;font color=#&gt; ... &lt;/font&gt;</h3>
    <dl>
      <dd>#=rrggbb 16 进制数码,或者是下列预定义色彩:<br>
        <font color="#000000">Black</font>, <font color="#808000">Olive</font>, <font color="#008080">Teal</font>, 
        <font color="#ff0000">Red</font>, <font color="#0000ff">Blue</font>, <font color="#800000">Maroon</font>, 
        <font color="#000080">Navy</font>, <font color="#808080">Gray</font>, <font color="#00ff00">Lime</font>,<br>
        <font color="#ff00ff">Fuchsia</font>, <font color="#ffffff">White</font>, 
        <font color="#008000">Green</font>, <font color="#800080">Purple</font>, 
        <font color="#c0c0c0">Silver</font>, <font color="#ffff00">Yellow</font>, 
        <font color="#00ffff">Aqua</font></dd>
    </dl>
    <p><tt>&lt;font color=ffffff&gt;White&lt;/font&gt; &amp;<br>
    &lt;font color=white&gt;White&lt;/font&gt;</tt></p>
    <p><font color="#ffffff">White</font> &amp; <font color="#ffffff">White</font></p>
    <h2><font color="#008000">◇ 客户端字体(Font Face)</font></h2>
    <h3>&lt;font face=&quot;#, #, ..., #&quot;&gt; ... &lt;/font&gt;<br>
    #=客户端可获得的字体</h3>
    <p><tt>&lt;font face=&quot;Arial, Helvetica&quot;&gt; Hellow 
    World!&lt;/font&gt;</tt></p>
    <p>Hellow World!
    <dl>
      <dd><a href="../../www.gzsums.edu.cn/webclass/html/samp/face.html">客户端字体(Font 
        Face)示例</a></dd>
    </dl>
    <h2><font color="#008000">◇ 字符实体(Entities)</font></h2>
    <h3>&amp;#; #=字符实体名称 或者 ascii 值</h3>
    <dl>
      <h4><font color="#008000">HTML2.0 的字符集</font></h4>
      <pre>&amp;amp;           &amp;
&amp;lt;            &lt;
&amp;gt;            &gt;
&amp;quot;          &quot;
</pre>
    </dl>
    <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 + -