HTML語言剖析之排版標記
;
;
;
;
; <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中文網(www.php.cn)! <br><br><br>
登入後複製
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
刺客信條陰影:貝殼謎語解決方案
2 週前
By DDD
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前
By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

本文討論了HTML&lt; Progress&gt;元素,其目的,樣式和與&lt; meter&gt;元素。主要重點是使用&lt; progress&gt;為了完成任務和LT;儀表&gt;對於stati

本文討論了html&lt; datalist&gt;元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

本文討論了HTML&lt; meter&gt;元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了&lt; meter&gt;從&lt; progress&gt;和前

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

本文討論了&lt; iframe&gt;將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...
