<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    HTML語言之排版標記

    • 時間:2016-05-23 14:49
    • 發布:昆明UI培訓
    • 來源:達內新聞

    像很多電腦語言一樣,HTML文件亦提供注解功能。昆明ui培訓小編還是覺得注釋蠻重要的尤其是遇到問題的時候,瀏覽器會忽略此標記中的文字(可以 是很多行)而不作顯示,一般使用目的:<P>稱為段落標記。作用:為字、畫、表格等之間留一空白行。

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

    昆明ui培訓例子分享:

    原始碼 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 ew 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

    昆明ui培訓覺得為文中不同部份加上說明,方便日后修改。

    這對較復雜或非私人網頁尤其重要,它不單是提醒自已,亦提醒你的同事這部分 做什么、那部分做什么。

    例子:

    <!--由這處開始是產品訂購表格-->

    用作版權聲明。

    假如你不希望別人使用或復制你的網頁,可加上警告字眼。

    例子:

    <!--本文版權為1998, Creation of Webpage所擁有,未經許,請勿抄摘-->

    ■<P>:

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

    align="center"

    可選值:right, left, center。

    內定值:align="left"

    ■<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>稱為居中標記。作用:令字、畫、表格等顯示于中間。

    這標記原先是Netscape所定義,后來其它瀏覽器都支持它,但你會發現很多標記已有align="CENTER"的參數,<CENTER>似乎多馀了,事實上它還是常用的標記之一,其簡單 易用,常用于文字上,對于己加有align="CENTER"參數的<TABLE>標記亦要不厭其煩 地加上居中標記,因有狻多瀏覽器不支持<TABLE>標記中的align="CENTER"參數。

    例子:

    原始碼 <CENTER>Chris's First Homepage</CENTER>

    <CENTER>What's ew</CENTER>

    <CENTER>My profile</CENTER>

    結果

    Chris's First Homepage

    What's new

    ■<PRE>:

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

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

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

    例子:

    原始碼 

    <pre> Creation of Webpage Log Analysis IComposer Learning 459 407 480 522 547 586 673HTML Advanced 200 268 296 358 385 453 506</pre>

    顯示結果  

    Creation of Webpage Log Analysis I Composer Learning 459 407 480 522 547 586 673HTML 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開始 的標準,后者是通用己久的標示法。

    例子:

    原始碼 <DIV align="center">Chris's First Homepage

    <br>What's ew

    <br>My profile</DIV>

    結果

    Chris's First Homepage

    What's new

    My profile

    ■<NOBR>:

    <NOBR>稱為不折行標記。作用:令某些文字不因太長而繞行,一 顯示于同一行或下一 行。它對住址、數學算式、一行數字、程式碼等尤為有用。

    例子:(其中Chris's Creation of Webpage將不被分開而顯示于同一行。)

    碼  If you want to know how to create you own homepage quickly, don't miss <NOBR>Chris's Creation of Webpage</NOBR> which will help you a lot.

    結果If you want to know how to create you own homepage quickly, don't miss Chris's Creation of Webpage which will help you a lot.

    ■<WBR>:

    <WBR>稱為建議折行標記。作用:預設折行部位。

    它沒有侵犯到<BR>的責任,只是作建議而已,若觀者的系統解像度夠高的話,那么它是不會折行的。

    上一篇:HTML語言之文件標記
    下一篇:達內受邀參加第三屆產教融合發展戰略國際論壇,并做主題演講

    馬上預約三天免費體驗課

    姓名:

    電話:

    達內教育集團總裁韓少云:拒絕跟風 做適合自己的教育

    給Flash初學者的幾點建議

    如何讓開發人員按照UI標注還原設計?

    金融危機來了,如何面對?

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>