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

📄 0002.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>完整的HTML文件</strong></big></p>

<p ALIGN="JUSTIFY"> &nbsp;&nbsp;&nbsp; 
上一节课我们了解了</font>HTML<font LANG="ZH-CN">的基本结构以及元素，这一谭我们就要开始</font>HTML<font
LANG="ZH-CN">语言的深入学习了。我们从今天开始慢慢建立一个网站，在网站的建立过程中，讲解</font>HTML<font
LANG="ZH-CN">语言。<br>
&nbsp;&nbsp;&nbsp; INTERNET的迅猛发展，让许多软件公司看到了无限的商机，纷纷开发出各种主页制作软件。为了让读者了解这些软件的特性，在学HTML代码的过程中也学会使用一些合适的工具，现在我们就来建立一个介绍主页制作软件的网站，讲解网站制作。</span></p>

<hr ALIGN="LEFT" SIZE="1">
</font>

<p ALIGN="CENTER"><span style="font-size: 9pt">index.html</span></p>

<p> &lt;HTML&gt;<br>
&lt;HEAD&gt;<br>
&lt;TITLE&gt;<font LANG="ZH-CN">主页制作软件介绍</font>&lt;/TITLE&gt;<br>
&lt;/HEAD&gt;<br>
&lt;BODY&gt;<br>
&lt;/BODY&gt;<br>
&lt;/HTML&gt;</span></p>
<font LANG="ZH-CN">

<hr ALIGN="LEFT" SIZE="1">

<p> &nbsp;&nbsp;&nbsp; 
输入上面的代码，存盘。因为这一页是我们网站的首页，我们想浏览者输入我们的网址后，就显示这一页的内容，所以我们把这个文件设为默认文档，文件名为</font>index.html<font
LANG="ZH-CN">，也可为index.htm。</span></p>
<b>

<p> 字体和段落</span></b> 

    </font><p><span style="font-size: 9pt">FONT, PRE, STRONG, EM, B, I, Hx, P</span><ol>
          <font LANG="ZH-CN"><b>
          <li> 段落</span></li>
          </b><p ALIGN="JUSTIFY"><span style="font-size: 9pt">现在加入一些实质性的内容。在</font>&lt;BODY&gt;<font
          LANG="ZH-CN">和</font>&lt;/BODY&gt;<font LANG="ZH-CN">之间加入：</span></p>
          <hr ALIGN="LEFT" SIZE="1">
          </font><p ALIGN="JUSTIFY"><font LANG="ZH-CN"><span style="font-size: 9pt">如果愚公有推土机的话，也许到他孙子那辈，就可以把太行、王屋二山移走了，不必等到“子子孙孙，无穷尽矣”。同样，虽然用记事本就可以写出主页来，但是好的主页制作软件却可以让你工作起来轻松自如，事半功倍。</span></p>
          </font><p ALIGN="JUSTIFY"> <font LANG="ZH-CN">去</font>yahoo<font
          LANG="ZH-CN">查找一下主页制作软件（</font>HTML EDITOR<font LANG="ZH-CN">），其结果让人目瞪口呆。</font>INTERNET<font
          LANG="ZH-CN">所蕴藏的无尽商机让众多软件开发商蜂拥而上，极力争取分一勺羹。庆幸的是，这些软件一般都是可以免费得到或试用的，你可以试用几个，从中发现符合你的要求的软件。这当然要花一些时间，包括那段揪人肺腑的需要付费的上网下载时间。</span></p>
          <p ALIGN="JUSTIFY"> 本站主要介绍几个当前流行的主页制作软件，对比它们的优缺点，帮助读者选择自己的软件。</span></p>
          <hr ALIGN="LEFT" SIZE="1">
          <p ALIGN="JUSTIFY"><span style="font-size: 9pt">源代码应该是：</span></p>
          <p ALIGN="CENTER"> <img SRC="image/Image18.gif" width="496"
          height="376"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-2</span></p>
          </b><font LANG="ZH-CN"><p ALIGN="JUSTIFY"> 察看结果：</span></p>
          <p ALIGN="CENTER"> <img SRC="image/Image19.gif" width="468"
          height="363"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-3</span></p>
          </b><font LANG="ZH-CN"><p ALIGN="JUSTIFY"> &nbsp;&nbsp;&nbsp; 
          还记得小学语文老师的话吗？“当文章的内容出现变化时，要另起一段；段落的开头空两格。”显然这篇用</font>HTML<font
          LANG="ZH-CN">作的文章要不及格的。怎么会这样？原来，</font>HTML<font
          LANG="ZH-CN">忽略源代码里面的回车和连续空格，而必须用专门的标记安排段落格式。</span></p>
          </font><b><p ALIGN="JUSTIFY"> &lt;P&gt;</span></p>
          </b><font LANG="ZH-CN"><p ALIGN="JUSTIFY"> &nbsp;&nbsp;&nbsp; 
          段落的标记是</font>&lt;P&gt;&lt;/P&gt;<font LANG="ZH-CN">，中间是一段的内容。</font>&lt;/P&gt;<font
          LANG="ZH-CN">可以省略，因为</font>HTML<font LANG="ZH-CN">碰到下一个</font>&lt;P&gt;<font
          LANG="ZH-CN">就知道另起一段了。<br>
          &nbsp;&nbsp;&nbsp; 在每一段的开头加上&lt;P&gt;。</span></p>
          <p ALIGN="CENTER"> <img SRC="image/Image20.gif" width="560"
          height="401"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-4</span></p>
          <p><span style="font-size: 9pt">P<font LANG="ZH-CN">的属性<br>
          &nbsp;&nbsp;&nbsp; </b>P的一个基本属性是ALIGN（对齐），可以有LEFT（左）、CENTER（中间）、RIGHT（右）几个值，默认值是LEFT。</span><b></p>
          </b><hr ALIGN="LEFT" SIZE="1">
          </font><p> &lt;p align=&quot;left&quot;&gt;<font LANG="ZH-CN">左对齐段落。</span></p>
          </font><p> &lt;p align=&quot;center&quot;&gt;<font
          LANG="ZH-CN">居中段落。</span></p>
          </font><p> &lt;p align=&quot;right&quot;&gt;<font LANG="ZH-CN">右对齐段落。</span></p>
          <hr ALIGN="LEFT" SIZE="1">
          <p ALIGN="CENTER"> <img SRC="image/Image21.gif" width="471"
          height="261"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-5</span></p>
          <font LANG="ZH-CN"><p> 空格</b><br>
          <b>&nbsp;&nbsp; </b>空格是一个特殊字符。HTML用&amp;加字符串表示一些特殊字符。空格是“&amp;nbsp; 
          ”。<br>
          &nbsp;&nbsp;&nbsp; 一个汉字要占2个英文字符的大小，空2个汉字的位置就需要加4个“&amp;nbsp; 
          ”。<br>
          &nbsp;&nbsp;&nbsp; 现在的效果就比较满意了。</span><b></p>
          </b><p ALIGN="CENTER"> <img SRC="image/Image22.gif"
          width="527" height="420"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-5</span></p>
          <font LANG="ZH-CN">
          <li><span style="font-size: 9pt">特殊段落</span></li>
          </font><p ALIGN="JUSTIFY"><span style="font-size: 9pt">PRE<br>
          ADDRESS<br>
          HR</span></p>
          <font LANG="ZH-CN">
          <li> 标题</span></li>
          </b><p ALIGN="JUSTIFY"> &nbsp;&nbsp;&nbsp; 
          虽然读者可以根据浏览器标题栏显示的</font>TITLE<font LANG="ZH-CN">里的内容，知道你的主页的标题。但是由于内容大多在浏览器窗口的客户区内，所以在</font>BODY<font
          LANG="ZH-CN">部分加上一个标题，可以让人一目了然。<br>
          &nbsp;&nbsp;&nbsp; 紧跟着&lt;BODY&gt;加上一句：<br>
          &nbsp;&nbsp;&nbsp; 主页制作软件介绍<br>
          &nbsp;&nbsp;&nbsp; 标题的字自然要大一些，就像MICROSOFT WORD里为标题专门定义了几个格式一样，HTML有几个标记是定义标题字体大小的，即&lt;Hx&gt;&lt;/Hx&gt;，其中x的取值可以从1到6，总共有6级。</span></p>
          <hr ALIGN="LEFT" SIZE="1">
          </font><p ALIGN="JUSTIFY"> &lt;H1&gt;<font LANG="ZH-CN">标题</font>1&lt;/H1&gt;</span></p>
          <p ALIGN="JUSTIFY"> &lt;H2&gt;<font LANG="ZH-CN">标题</font>2&lt;/H2&gt;</span></p>
          <p ALIGN="JUSTIFY"> &lt;H3&gt;<font LANG="ZH-CN">标题</font>3&lt;/H3&gt;</span></p>
          <p ALIGN="JUSTIFY"> &lt;H4&gt;<font LANG="ZH-CN">标题</font>4&lt;/H4&gt;</span></p>
          <p ALIGN="JUSTIFY"> &lt;H5&gt;<font LANG="ZH-CN">标题</font>5&lt;/H5&gt;</span></p>
          <p ALIGN="JUSTIFY"> &lt;H6&gt;<font LANG="ZH-CN">标题</font>6&lt;/H6&gt;</span></p>
          <font LANG="ZH-CN"><hr ALIGN="LEFT" SIZE="1">
          <p ALIGN="CENTER"> <img SRC="image/Image23.gif" width="491"
          height="397"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-6</span></p>
          </b><font LANG="ZH-CN"><p ALIGN="JUSTIFY"> &nbsp;&nbsp;&nbsp; 
          不必添加</font>&lt;P&gt;<font LANG="ZH-CN">，</font>&lt;Hx&gt;&lt;/Hx&gt;<font
          LANG="ZH-CN">里的文字都是自成一段。而且，</font>Hx<font LANG="ZH-CN">标记也有</font>ALIGN<font
          LANG="ZH-CN">属性，其设置和</font>&lt;P&gt;<font LANG="ZH-CN">一样。<br>
          &nbsp;&nbsp;&nbsp; 现在把标题设置成H1的格式，即：<br>
          &nbsp;&nbsp;&nbsp; &lt;H1 ALIGN=&quot;center&quot;&gt;主页制作软件介绍&lt;/H1&gt;</span></p>
          <p ALIGN="JUSTIFY"> <img SRC="image/Image24.gif" width="600"
          height="448"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-7</span></p>
          <font LANG="ZH-CN">
          <li> 换行</span></li>
          </font><p ALIGN="JUSTIFY"> &lt;BR&gt;<br>
          &nbsp;&nbsp;&nbsp; </b><font LANG="ZH-CN">你可以看到，在有</font>&lt;P&gt;<font
          LANG="ZH-CN">的地方，</font>HTML<font LANG="ZH-CN">空了一行的位置，然后再开始下一段。如果我想写一首诗或一段歌词，就要在一个段落里换行，这样的间隔就太大了。可以用</font>&lt;BR&gt;<font
          LANG="ZH-CN">来实现，如：</font></span><b></p>
          </b><font LANG="ZH-CN"><hr ALIGN="LEFT" SIZE="1">
          </font><p ALIGN="JUSTIFY"> &lt;HTML&gt;<br>
          &lt;HEAD&gt;<br>
          &lt;TITLE&gt;<font LANG="ZH-CN">静夜思</font>&lt;/TITLE&gt;<br>
          &lt;/HEAD&gt;<br>
          &lt;BODY&gt;<br>
          <font LANG="ZH-CN">床前明月光，</font>&lt;br&gt;<br>
          <font LANG="ZH-CN">疑是地上霜。</font>&lt;br&gt;<br>
          <font LANG="ZH-CN">举头望明月，</font>&lt;br&gt;<br>
          <font LANG="ZH-CN">低头思故乡。</font>&lt;br&gt;<br>
          &lt;/BODY&gt;<br>
          &lt;/HTML&gt;</span></p>
          <font LANG="ZH-CN"><hr ALIGN="RIGHT" SIZE="1">
          <p ALIGN="CENTER"> <img SRC="image/Image25.gif" width="327"
          height="231"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-8</span></p>
          <p ALIGN="JUSTIFY"> &lt;NOBR&gt;<br>
          &nbsp;&nbsp;&nbsp; </b><font LANG="ZH-CN">我们来考虑一下另外一个极端。这首诗的一行比较短，而有些歌词的一行可能要很长。当浏览器的宽度达不到时，就会自动换行。而我不想这样，我想保证这一行在同一行内显示，即使浏览器需要水平滚动条。只要把这一行用</font>&lt;NOBR&gt;&lt;/NOBR&gt;<font
          LANG="ZH-CN">包含起来就行了。</font></span><b></p>
          </b><font LANG="ZH-CN"><hr ALIGN="LEFT" SIZE="1">
          </font><p ALIGN="JUSTIFY"> &lt;HTML&gt;<br>
          &lt;HEAD&gt;<br>
          &lt;TITLE&gt;<font LANG="ZH-CN">静夜思</font>&lt;/TITLE&gt;<br>
          &lt;/HEAD&gt;<br>
          &lt;BODY&gt;<br>
          &lt;NOBR&gt;<font LANG="ZH-CN">床前明月光，</font>&lt;/NOBR&gt;&lt;br&gt;<br>
          &lt;NOBR&gt;<font LANG="ZH-CN">疑是地上霜。</font>&lt;/NOBR&gt;&lt;br&gt;<br>
          &lt;NOBR&gt;<font LANG="ZH-CN">举头望明月，</font>&lt;/NOBR&gt;&lt;br&gt;<br>
          &lt;NOBR&gt;<font LANG="ZH-CN">低头思故乡。</font>&lt;/NOBR&gt;&lt;br&gt;<br>
          &lt;/BODY&gt;<br>
          &lt;/HTML&gt;</span></p>
          <font LANG="ZH-CN"><hr ALIGN="LEFT" SIZE="1">
          </font><b><p ALIGN="JUSTIFY"> &lt;WBR&gt;<br>
          &nbsp;&nbsp;&nbsp; </b><font LANG="ZH-CN">如果希望在</font>&lt;NOBR&gt;&lt;/NOBR&gt;<font
          LANG="ZH-CN">对里几个固定的地方可以换行，可以用</font>&lt;WBR&gt;<font
          LANG="ZH-CN">。</font></span><b></p>
          </b><font LANG="ZH-CN"><hr ALIGN="LEFT" SIZE="1">
          </font><p ALIGN="JUSTIFY"> &lt;HTML&gt;<br>
          &lt;HEAD&gt;<br>
          &lt;TITLE&gt;<font LANG="ZH-CN">静夜思</font>&lt;/TITLE&gt;<br>
          &lt;/HEAD&gt;<br>
          &lt;BODY&gt;<br>
          &lt;NOBR&gt;<br>
          <font LANG="ZH-CN">床前明月光，</font>&lt;wbr&gt;<br>
          <font LANG="ZH-CN">疑是地上霜。</font>&lt;wbr&gt;<br>
          <font LANG="ZH-CN">举头望明月，</font>&lt;wbr&gt;<br>
          <font LANG="ZH-CN">低头思故乡。</font>&lt;wbr&gt;<br>
          &lt;/NOBR&gt;<br>
          &lt;/BODY&gt;<br>
          &lt;/HTML&gt;</span></p>
          <font LANG="ZH-CN"><hr ALIGN="LEFT" SIZE="1">
          <p ALIGN="JUSTIFY"> &nbsp;&nbsp;&nbsp; 
          当窗口宽度足够宽时，这四句诗在一行里显示。如果不行，就会在有</font>&lt;wbr&gt;<font
          LANG="ZH-CN">的地方换行，这样就可以保证每句诗在一行里。</span></p>
          <p ALIGN="CENTER"> <img SRC="image/Image26.gif" width="392"
          height="201"></span></p>
          <b><p ALIGN="CENTER"><span style="font-size: 9pt">图</font>1-9</span></p>
          <font LANG="ZH-CN">
</ol>
</font></b>

  </table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -