js02.htm

老师课件

  <H3><A name="2.5.2 文档正文">2.5.2 文档正文</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>&lt;BODY&gt;标记识别浏览器中显示的文档。</LI>
    <LI>段落级标记及其属性，用于整段文本的格式化。<UL>
      <LI>段落格式:<A href="sample/s02_07.htm">例2.7</A></LI>
      <LI>分行： <A href="sample/s02_08.htm">例2.8</A></LI>
    </UL>
    </LI>
    <LI>字符级标记及其属性，用于单个字符或单词的格式化<UL>
      <LI><A href="sample/s02_09.htm">例2.9</A></LI>
    </UL>
    </LI>
  </UL>
  <H3><A name="2.5.3 列表">2.5.3 列表</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>列表可以分为两种：<UL>
      <LI>有序列表（编号列表）</LI>
      <LI>无序列表（强调符列表）　<A href="sample/s02_10.htm">例2.10</A></LI>
    </UL>
    </LI>
    <LI>设置列表外观<UL>
      <LI>缺省情况下，有序列表使用阿拉伯数字，无序列表使用实心圆形强调符。</LI>
      <LI>改变外观。<A href="sample/s02_11.htm">例2.11</A></LI>
    </UL>
    </LI>
    <LI>定义列表：有词条和定义两个部分。<A href="sample/s02_12.htm">例2.12</A></LI>
  </UL>
  <H3><A name="2.5.4 水平线">2.5.4 水平线</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>&lt;HR&gt;标记加入一条水平线。</LI>
    <LI><A href="sample/s02_13.htm">例2.13</A></LI>
  </UL>
  <H2><A name="2.6 设置颜色、字体">2.6 设置颜色、字体</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <H3><A name="2.6.1 RGB 颜色">2.6.1 RGB 颜色</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>美化文档的简洁办法是给文本或背景加上颜色</LI>
    <LI>颜色用3个各代表红、绿、蓝三个基色的十六进数（称为RGB数）指定。</LI>
    <LI>RGB数用六位数字表示，每个基本色用两位。</LI>
    <LI>安全RGB色</LI>
  </UL>
  <P align="center"><IMG border="0" src="js_02_01.gif" width="354" height="141"></P>
  <H3><A name="2.6.2 通过 BODY设置颜色">2.6.2 通过 &lt;BODY&gt;设置颜色</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>设置背景颜色,<BR>
    　　如&lt;BODY BGCOLOR=&quot; #C0C0C0&quot;&gt;(银灰色)。</LI>
    <LI>设置文本颜色,如<BR>
    　　　&lt;BODY TEXT=&quot;#FFFFFF&quot; LINK=&quot;0000FF&quot; ALINK=&quot;000099&quot; VLINK=&quot;FF0000&quot;&gt;</LI>
  </UL>
  <H3><A name="2.6.3 使用FONT 标记">2.6.3 使用&lt;FONT&gt; 标记</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>&lt;FONT&gt;标记指定字体特性，包括颜色、大小和字体。</LI>
    <LI><A href="sample/s02_14.htm">例2.14</A></LI>
  </UL>
  <H2><A name="2.7 建立超链接">2.7 建立超链接</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <H3><A name="2.7.1 文本链接">2.7.1 文本链接</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>链接的文本允许在一个单词或短语上单击从而跳到另一个文件。</LI>
    <LI><A href="sample/s02_15.htm">例2.15</A></LI>
  </UL>
  <H3><A name="2.7.2 图形链接">2.7.2 图形链接</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>链接的图形允许在一个图片上单击而跳到另一个文件。</LI>
    <LI><A href="sample/s02_16.htm">例2.16</A></LI>
  </UL>
  <H3><A name="2.7.3 链接文档中的特定位置">2.7.3 链接文档中的特定位置</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H3>
  <UL>
    <LI>通过使用锚点(name anchor)链接到HTML文档的特定位置。</LI>
    <LI>定义锚点，形如：<BR>
    　　　&lt;a name=&quot;location&quot;&gt;这里是一个锚点&lt;/a&gt;</LI>
    <LI>链接锚点，如：<BR>
    　　　&lt;a href=&quot;#location&quot;&gt;链接锚点location&lt;/a&gt;</LI>
    <LI><A href="sample/s02_17.htm">例2.17</A></LI>
  </UL>
  <H2><A name="2.8 表格">2.8 表格</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <UL>
    <LI>创建表格:&lt;table&gt;</LI>
    <LI>创建行：&lt;tr&gt;</LI>
    <LI>创建单元格:&lt;td&gt;</LI>
    <LI>指定表格头:在行中，把&lt;td&gt;&lt;/td&gt;换成&lt;th&gt;&lt;/th&gt;</LI>
    <LI>表格标题:&lt;caption&gt;</LI>
    <LI><A href="sample/s02_18.htm">例2.18</A></LI>
  </UL>
  <H2><A name="2.9 框架网页">2.9 框架网页</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <UL>
    <LI>定义:<UL>
      <LI>框架网页（也称为框架集）用来将浏览器窗口分割成不同的区域，每个区域称为一个框架，每个框架可以显示不同的HTML文档。</LI>
    </UL>
    </LI>
    <LI>框架布局:<UL>
      <LI>&lt;frameset&gt;定义有几个框架并且各个框架是如何排列。属性rows指定几行,而cols指定几列</LI>
    </UL>
    </LI>
    <LI>框架内容：<UL>
      <LI>&lt;frame&gt;标记定义某一个具体的框架。</LI>
      <LI>属性src指定框架显示的源HTML文档，而name是框架名，该名可用于超链接&lt;a href=”” target=””&gt;中的target属性。</LI>
    </UL>
    </LI>
    <LI>对不支持框架的浏览器的支持：<UL>
      <LI>&lt;noframe&gt;为那些不支持框架的的浏览器中显示信息。</LI>
    </UL>
    </LI>
    <LI><A href="sample/s02_19.htm">例2.19</A>:<UL>
      <LI>
      展示了一个含有左、右框架的框架网页。当单击左部超链接“第一章”时，在右部显示页面chaper1.htm的内容；而当单击左部超链接“第二章”时，在右部就显示页面chaper2.htm的内容。<BR>
　</LI>
    </UL>
    </LI>
  </UL>
  <H2><A name="2.10 表单">2.10 表单</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <UL>
    <LI>表单允许访问者填写信息，提交(submit)后，表单内容就传送到服务器；经过服务器处理后，再将用户所需信息传送回客户端。</LI>
    <LI><A href="sample/s02_20.htm">例2.20</A>,显示一个用户调查表单的典型页面。</LI>
  </UL>
  <H2><A name="2.11 多媒体">2.11 多媒体</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <UL>
    <LI>&lt;EMBED&gt;标记用来插入各种多媒体，格式可以是MIDI、WAV、AIFF、AU等等。</LI>
    <LI><A href="sample/s02_21.htm">例2.21</A>,播放hoedown.mid中的MIDI音乐。<BR>
　</LI>
  </UL>
  <H2><A name="2.12 META标记">2.12 &lt;META&gt;标记</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <A href="#第二章 HTML制作">(目录)</A></H2>
  <UL>
    <LI>&lt;META&gt;标记放入&lt;HEAD&gt;部分，用于标注可被浏览器、搜索引擎或制作工具使用的信息。</LI>
    <LI>如:<UL>
      <LI>&lt;META http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot;&gt;</LI>
      <LI>&lt;META http-equiv=&quot;Expires&quot; content=&quot;Tue,09 Dec 2003 00:00:00 GMT&quot;&gt;</LI>
      <LI>&lt;META http-equiv=&quot;refresh&quot; content=&quot;10;url=http://www.zsu.edu.cn&quot;&gt;</LI>
      <LI>&lt;META name=&quot;GENERATOR&quot; content=&quot;Microsoft FrontPage 5.0&quot;&gt;</LI>
    </UL>
    </LI>
  </UL>

</BODY>

</HTML>