国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

HTML的排版標記

2024-04-27 13:54:57
字體:
來源:轉載
供稿:網友

  • <p id="7x9sm"></p>
  • <form id="7x9sm"><optgroup id="7x9sm"><div id="7x9sm"></div></optgroup></form>

    ■ 排版標記

    <!--注解--><P><BR><HR><CENTER><PRE> ; <DIV><NOBR><WBR>

      欲明白本篇【HTML徹底剖析】之標記分類,請看 【標記一覽】。
      也請先明白圍堵標記與空標記的分別,請看 【HTML概念】。


    <!--注解-->:

      像很多電腦語言一樣,HTML 也提供注解功能。瀏覽器將忽略此標記中的文字(可以是 很多行)而不作顯示,一般使用目的:

    • 為文中不同的部分加上說明,方便日后修改。
      這對較復雜或非私人網頁尤其重要,它不單提醒自己也提醒其他同事這部分 做什么、那部份做什么。
      例子:
      <!--由這里開始是產品訂購表格-->

    • 用作版權聲明。
      假如你不希望別人使用或復制你的網頁,可加上警告字句。
      例子:
      <!--本文版權為 2000, FortuneAge 所有,未經許可,請勿抄摘-->
    <P> :


      <P> 稱為段落標記。作用:留一空白行。

      本來<P>是一個圍堵標記,標于一段落的頭尾,但從 HTML 2.0 開始已不需要</P>作結尾。

      <P> 的常用參數: 如:<p align="center">

    • align="center"
      可選值:right, left, center。
      默認值: align="left"

    例子:

    原代碼Here is the text for my paragraph. It does't matter how long it is,
    how many space are between the Words or when I decide to hit the return key.
    It will create a new paragraph only when I begin the tag with another one.
    <P>Here's the next paragraph.
    顯示結果

    Here is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one.

    Here's the next paragraph.


    <BR> :

      <BR>稱為換行標記。作用:令其后的內容在下一行顯示。

      由于瀏覽器會自動忽略原代碼中的空白和換行的部分,這使得<BR>成為最常用的標記之一 。 因為無論你在原代碼中編好了多漂亮的文章,若不適當地加上換行標記段落標記, 瀏覽器只會將它顯示成一大段。

    錯誤示范:

    原代碼566 E Boston Post RD
    Mamaroneck NY 10543-9982
    United States of America
    顯示結果566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

    正確例子:

    原代碼566 E Boston Post RD
    <BR>Mamaroneck NY 10543-9982
    <BR>United States of America
    顯示結果566 E Boston Post RD
    Mamaroneck NY 10543-9982
    United States of America

    <HR> :

      <HR>稱為水平線。作用:插入一條水平線。

      <HR> 的參數修改:

      以: <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> 為例。

    • align="LEFT"
      設定線條擺放位置,可選擇:left;right;center 三種設定值。

    • size="2"
      設定線條的厚度,以像素作單位,內定為 2。

    • width="70%"
      設定線條長度,以像素作單位,可以是絕對或相對值,內定為 100%。

    • color="#0000FF" (只適用于IE)
      設定線條顏色,內定為黑色。 #0000FF 代表藍色,也可以采用顏色的名稱,即 text="blue" 。各種顏色的值及名稱請參考【調色原理】一節。

    • noshade
      設定線條為平面顯示,若刪去則具陰影,這是內定值。

    例子:

    原代碼<HR>
    <HR align="LEFT" size="4">
    <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade>
    <HR align="LEFT" size="4" width="70" color="#008000">
    顯示結果




    <CENTER> :

      <CENTER>稱為居中標記。作用:令置中對齊。

      你會發現很多的標記已有 align="CENTER" 的參數,<CENTER>似乎是多余了,事實上它還是常用的標記之一,其簡單易用 ,常用于文字,對于已加有 align="CENTER" 參數的 <TABLE> 標記也不要厭其煩 地加上居中標記,因為很多瀏覽器不支持<TABLE> 標記中的 align="CENTER" 參數。

    例子:

    原代碼<CENTER>Chris's First Homepage</CENTER>
    <CENTER>What's new</CENTER>
    <CENTER>My profile</CENTER>
    結果
    Chris's First Homepage
    What's new
    My profile

    <PRE> :

      <PRE>稱為預設格式標記。作用:令文字按照原代碼的方式顯示。

      這標記允許保留你在原代碼中輸入的空白和回車。細看以下例子你便可體會到此標記的 威力。除了運用一大堆表格標記之外你只有采用這標記才能有此效果。

      能以<PRE>標記產生對齊效果,或產生多于一行的空白才算上乘!

    例子:

    原代碼
    	<pre>	Creation of Webpage Log Analysis I	Composer Learning  459 407 480 522 547 586 673	HTML Advanced      200 268 296 358 385 453 506</pre>
    顯示結果
     		Creation of Webpage Log Analysis I		Composer Learning  459 407 480 522 547 586 673	HTML Advanced      200 268 296 358 385 453 506

    <DIV> :

      <DIV>稱為定位標記。作用:設定文字表格等擺放位置。

      <DIV>應用在 Style Sheet(樣式表)方面更顯威力,它最終目的是給設計者另一種組織 能力,有 Class ; Style ; title ; ID 等屬性,將于【Style Sheet】一節才作詳述,這里只作一個 屬性設定。
    以 <DIV align="center"> 為例:

    • align="center"
      可選值:center ; left ; right 。決定對齊方向。
      <DIV align="center"> 的作用和居中標記 <CENTER>一樣,前者是由 HTML3.0 開始 的標準,后者是通用已久的標示法。

    例子:

    1. 原代碼<DIV align="center">Chris's First Homepage
      <br>What's new
      <br>My profile</DIV>
      顯示結果
      Chris's First Homepage
      What's new
      My profile
      發表評論 共有條評論
      用戶名: 密碼:
      驗證碼: 匿名發表
      主站蜘蛛池模板: 隆昌县| 叶城县| 松溪县| 无极县| 吴旗县| 盐津县| 江安县| 古丈县| 剑川县| 正镶白旗| 易门县| 宁海县| 营山县| 罗甸县| 锡林郭勒盟| 岢岚县| 湖口县| 潍坊市| 武宣县| 广河县| 裕民县| 高清| 保山市| 台州市| 积石山| 井研县| 郯城县| 大厂| 温州市| 高台县| 招远市| 嘉黎县| 德化县| 偃师市| 加查县| 承德市| 台江县| 柳州市| 五台县| 永川市| 五河县|