网页的工作原理

[09-12 12:23:44]   来源：http://www.88dzw.com  电路基础   阅读：8926次

文章摘要：通过观察组成您的页面的HTML文本，您可以确切地了解页面是如何获得标题和正文的。 现在您已经创建和查看了您的第一个网页，并走上了成为页面高手的成功之路。学会有关网页制作的全部知识的关键是掌握越来越多的HTML标记，这些标记能让您自定义您的页面。您可能还想学习帮助您为页面创建表格、框架和图形的工具。本网页知识系列讲座将引导您学习所有您需要的信息。基本HTML格式标记您将经常使用本页上的基本HTML标记，它们能完成您在大多数网页上看到的格式设置任务的90%。一旦您学会这些标记，您就走上了成为HTML高手的成功之路！ 在学习过程中，您用如下方法检验您所使用的HTML标记： 如果您喜欢我们在上一页中讨

网页的工作原理,标签：电子电路基础,模拟电路基础,http://www.88dzw.com

通过观察组成您的页面的HTML文本，您可以确切地了解页面是如何获得标题和正文的。

现在您已经创建和查看了您的第一个网页，并走上了成为页面高手的成功之路。学会有关网页制作的全部知识的关键是掌握越来越多的HTML标记，这些标记能让您自定义您的页面。您可能还想学习帮助您为页面创建表格、框架和图形的工具。本网页知识系列讲座将引导您学习所有您需要的信息。

基本HTML格式标记

您将经常使用本页上的基本HTML标记，它们能完成您在大多数网页上看到的格式设置任务的90%。一旦您学会这些标记，您就走上了成为HTML高手的成功之路！

在学习过程中，您用如下方法检验您所使用的HTML标记：

  • 如果您喜欢我们在上一页中讨论过的“first.htm”文件，您可以把HTML键入其中并创建完整的网页。请记住，要把您希望在网页上显示的所有信息放在<body>和</body>标记之间。请通过添加新的标记并查看其结果来实验您的页面。

让我们开始吧！

粗体、斜体和下划线

  • 通过添加以下标记把任何一段文本变成粗体：

    <b>

    该标记要放在文本的开始，并在文本结尾添加以下标记：

    </b>

    粗体属性就到此结束。

    这是<b>粗体</b>。
    		 这是粗体。

  • 若要设置斜体，则以同样方式使用这对标记：

    <i>.....</i>

    这是<i>斜体</i>。
    		 这是斜体。

  • 若要设置下划线，则使用这对标记：

    <u>.....</u>

    这是<u>下划线</u>。 这是下划线。

换行和段落

虽然您键入的文本可能包含回车、制表符和额外的空格，但是浏览器看不见它们。您必须使用标记才能在HTML文档中创建空白空间。

<br>标记在行与行之间起换行的作用。您可以使用多个这样的标记来创建空白空间。

    这一行<br>被断开。 这一行
    被断开。

<p> 标记能在文本的两行之间创建额外的空间。如果把 <br> 标记放在一行文本中，只能断开该行；如果使用 <p> 标记，则不仅断开该行，而且创建额外的空间。

    这一行<p>被空白隔开。 这一行

    被空白隔开。

<hr> 标记能创建水平标尺或水平线。

    这是一条水平标尺：<hr> 这是一条水平标尺：
    制表符
    没有可以在文档内创建一个“制表符”的正式的HTML标记。许多站点设计人员创建表格或使用空白图像来创建空间（表格和图像将在本文后面加以说明）。使文本缩进的一种方法是使用<ul>标记，以便让浏览器认为您要创建一个“列表”列表能自动缩进文本。结束时请使用</ul>标记来“结束”缩进。标记<blockquote>……</blockquote>也能把文本缩进。
    另一个替代方法是<pre>标记。这个标记用来显示预格式化文本，即“按原样”显示的文本。任何在<pre>和</pre>标记内创建的空白在浏览器中的显示效果将与在源代码中显示的一样。
    改变字体颜色、类型和大小
    通过使用以下标记来改变任何文本的颜色：

    <font color="color">...</font>

    这是<font color="red">红色</font>。 这是红色。
    这是<font color="green">绿色</font>。 这是绿色。

    大多数标准颜色都能使用。请尝试“浅色”和“深色”，如“浅蓝”或“深绿”。您还可以指定一个特定的十六进制颜色号码，例如：<font color="#864086">.要获得十六进制颜色代码的列表，请访问December.com:HTML。

    如果您想为页面的整个文本分配一种特定颜色，则把text="color" 标记添加到 <body> 标记之内。

    示例：<body text="blue">

    即使您为整个文本分配了颜色，您仍可以通过使用在上面学过的标记来改变文本中任何部分的颜色。

    • 通过使用以下标记来改变字体类型：

      <font face="font type"> ... </font>

      This is <font face="arial">arial</font>. 这是Arial字体。
      这是 <font face="geneva">geneva</font> 字体。 这是Geneva字体。

      （注意：如果您规定的字体在用户的计算机中不能用，字体类型会自动改为浏览器的默认字体，通常是Courier或Times New Roman字体，所以如果您希望控制在用户浏览器中显示的内容，最好坚持使用标准字体。）

    • 通过使用以下标记来改变任何文本的大小：

      <font size=value>...</font>

      示例：<font size=4>

      在大多数浏览器上默认的字体大小是“3”，所以任何比3大的值将使文本变大，而任何比3小的值将使文本变小。

      您还可以通过增大或减小默认字体的大小来改变字体大小。

      示例：<font size=+4>，或 <font size=-2>

      此字体大小<font size=+2>增加 2</font>。 此字体大小增加 2。
      此字体大小<font size=+1>增加 1</font>。 此字体大小增加 1。
      此字体大小<font size=-2>减少 2</font>。 此字体大小减少 2。
      此字体大小<font size=-1>减少 1</font>。 此字体大小减少 1。

      您还可以通过使用标记 <small> 和 <big> 来改变字体大小：

      这是<small>小</small>文本。 这是小文本。
      这是<big>大</big> 文本。 这是大文本。

      标题标记也会改变字体大小，为段落或文章创建粗体“标题”：

      <h1>这是一个H1标题。</h1> 这是一个H1标题。
      <h2>这是一个H2标题。</h2> 这是一个H2标题。
      <h3>这是一个H3标题。</h3> 这是一个H3标题。

      使用以下标记可结束任何字体元素更改：

        </font>

      或者使用您为特定标记而使用的成对的终止标记：
        示例：</small>，</big>, </H2>

上一页  [1] [2] [3] [4]  下一页


Tag:电路基础，电子电路基础,模拟电路基础，电路基础

《网页的工作原理》相关文章

编辑推荐

分类导航
最新更新
热门排行