首頁 > web前端 > html教學 > HTML語言剖析之排版標記

HTML語言剖析之排版標記

黄舟
發布: 2016-12-15 13:12:16
原創
1389 人瀏覽過

 


;


 ; <div> ; <nobr> ; <wbr> ; <br>■<!--註- ->: ▲Top<br/>像許多電腦語言一樣,HTML 檔案亦提供註解功能。瀏覽器會忽略此標記中的文字(可以 是很多行)而不作顯示,一般使用目的: <br/>為文中不同部分加上說明,方便日後修改。 <br/>這對較複雜或非私人網頁尤其重要,它不單是提醒自已,亦提醒你的同事這部分 做什麼、那部分做什麼。 <br/>範例: <br/><!--由此開始是產品訂購表格--><br>用作版權聲明。 <br>假如你不希望別人使用或複製你的網頁,可加上警告字眼。 <br>範例: <br><!--本文版權為 1998, Creation of Webpage 所擁有,未經許,請勿抄摘--><br>■ <p> : ▲Top<br></p>
<p>稱為段落標記。作用:為字、畫、表格等之間留一空白行。 <br>本來</p>
<p>是一圍堵標記,標於一段落的頭尾,但從 HTML 2.0 開始己不需要</p>作結尾。 <br><p> 的常用參數: 如:</p>
<p align="center"><br>align="center" <br>可選值:right, left, center。 <br>內定值: align="left" <br>範例: 原始碼Here is the text for my paragraph. It does't matter how long it is, <br>how many space are between the words or when I decide to hit many space are between the words or when I decide to hit the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return the return or when I decide or when I decide or when I decide or when I decide or when I decide or when I decide or when I decide or when I decide or when I decide or when I decide or when I decide. <br>It will create a new paragraph only when I begin the tag with another one. <br></p>
<p>Here's the next paragraph. <br>顯示結果Here is the text for my paragraph. It es't 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. <br>Here's the next paragraph.<br><br>■ <br>由於瀏覽器會自動忽略原碼中空白和換行的部分,這令到<br>成為最常用的標記之 一。因為無論你在原始碼中編好了多漂亮的文章,若不適當地加上換行標記或段落標記, 瀏覽器只會將它顯示成一大段。 <br>錯誤示範:(郵局可不會接受一行過的地址) 原始碼566 E Boston Post RD <br>Mamaroneck NY 10543-9982 <br>United States of America <br>正確範例: 原始碼566 E Boston Post RD <br><br>Mamaroneck NY 10543-9982 <br><br>United States of America <br>結果566 E Boston Post RD <br>Mamaroneck NY 10543-998 > : ▲Top<br></p>
<hr>稱為水平線。作用:插入一條水平線。 <br><hr> 之參數修改: <br>以: <hr align="LEFT" size="2" width="70%" color="#0000FF" noshade> 為例。 <br>align="LEFT" <br>設定線條置放位置,可選擇:left;right;center 三種設定值。 <br>size="2" <br>設定線條厚度,以像素為單位,內定為 2。 <br>width="70%" <br>設定線條長度,可以是絕對值(以像素作單位)或相對值,內定為 100%。 <br>color="#0000FF" 『只適用於IE’ <br>設定線條顏色,內定為黑色。 #0000FF 代表藍色,也可以採用顏色的名稱,即 text="blue" 。 <br>noshade <br>設定線條為平面顯示,若刪除則具陰影或立體,這是內定值。 <br>範例: 原始碼<hr> <br><hr align="LEFT" size="4"> <br><hr align="LEFT" size="2" width="70%" color="#0000FF" noshade> <br> <hr align="LEFT" size="4" width="70" color="#008000"> <br>顯示結果 <br>---------------------- -------------------------------------------------- --------<br>----------------------------------------- ---------------------------------------<br>---------- -------------------------------------------------- --------------------<br>----------------------------- -------------------------------------------------- -<br><br>■ <center> : ▲Top<br><center>稱為居中標記。作用:令字、畫、表格等顯示於中間。 <br>這個標記原先是Netscape 所定義,後來其它瀏覽器都支援它,但你會發現很多標記已有align="CENTER" 的參數,<center>似乎多馀了,事實上它還是常用的標記之一,其簡單易用,常用於文字上,對於己加有align="CENTER" 參數的<table> 標記亦要不厭其煩地加上居中標記,因有狻多瀏覽器不支援<table> 標記中的align= "CENTER" 參數。 <br>範例: 原碼<center>Chris's First Homepage</center> <br><center>What's new</center> <br><center>My profile</center>PRE> : ▲Top<br><pre class="brush:php;toolbar:false">稱為預設格式標記。作用:令文件以原始碼的排列方式顯示。 <br>這標記允許保留你於原始碼中輸入的空白及 Return。細看以下例子你便可體會到此標記的 威力。除了運用一大堆表格標記之外你只有採用這標記才能有此效果。 <br>能以<pre class="brush:php;toolbar:false">標記產生對 效果,或產生多於一行的空白才算上乘! <br><br>以上就是HTML語言剖析之排版標記的內容,更多相關文章請關注PHP中文網(m.sbmmt.com)! <br><br><br>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板