HTML網站建設中段落的顯示與屬性
作者:佚名 時間:2014-01-17 分享到:
HTML網站建設中段落的顯示與屬性
網站建設HTMl中含有段落標簽 時(<p>)時,瀏覽器通常會在開始一個新的段落前,插入一個空行并境加行間距。然后瀏覽器把所有詞語和內聯圖像都收集到一起,組成新的段落,并忽略開頭和結尾的所有空格(不包括文字中間的空格)及源翁本中的加車符。之后,瀏覽器軟件就把這個最終的文字和圖像的序列流到顯示屏幕上形成一個新的段落,并自動加入適當的換行,么適應窗口顯示的寬度。例如,你右以看一下瀏覽器如何把文本排列成行和段落,并與前面的實力在頁面上打印出來的效果進行比較。瀏覽器還可能會自動把較長的單詞用連字符連起來,而且段落也可能是兩端對齊的,這樣文字就可以伸展到頁面的兩個邊緣。
最終結果就是你在做網站時不必再擔心行寬、自動換行和斷行等問是,。瀏覽器可以接受任意的文字和圖像序列,并把它們漂亮地顯示成為一個段落。
如果你希望精確地控制行的長度和中斷,可以考慮使用<pre>標簽來實現預先格式化的文本塊。如果需要強制換行,請使用<br>標簽。
HTML網站align屬性
大多數瀏覽器對新的段落都會自動使用左對齊。如果要改變這種行為,可以利用HTML4和XHTML提供的<p>標簽的align屬性,它允許種內容對齊的方式:左對齊(left)、右對齊(right)、居中對齊(center)和兩端對齊(justify)。
代碼示例
<p align=right>
網站內容右對齊效果
<br>
上海網站建設。
<p align=left>
網站內容左對齊
<p align=center>
網站內容居中對齊</p>
代碼效果圖:

請注意,在這個網站的HTML示例中,段落對齊將一直有效,直到瀏覽器遇到另一個<p>標簽或者</p>標簽。我們在上面的示例中故意省去了最后一個<p>標簽,以說明</p>結束標簽在段落恢復為默認的左對齊方式,這些元素包括表單,頭、表格和其他大多數與主體內容相關的標簽。
請注意,HTML4和XHTML中已經不再贊成使用align屬性,這意味著我們要遵守基于樣式表的排列對齊。
HTML中的dir和lang屬性
dir屬性允許我們建議瀏覽器以什么方向顯示段落中的文本,lang屬性則允許指定該段落中所使用的語言。即使沒有為任何特定的語言指定行為,流行的瀏覽器還是會支持dir和lang這兩個屬性。
class、id、style和title屬性
使用id屬性可以為段落創建一個標記,將來超鏈接可以用這個標記來明確地引用該段落,以便作為檣式表選擇器和使用其他應用程序來執行自動搜索。
使用可選的title屬性和用引號括起來的字符串值,就可以給段落加上說明性的文字。
將style屬性和<p>標簽一同使用,可以創建段落內容的內聯樣式。使用class標簽 可以用一個名稱來標記段落,這個標記名稱指向該<p>標簽預定義的類,而這個類是在文檔級聲明的或者在外部定義的樣式表。而且,這個由類來標識的段落非常有利于計算機的文檔處理,例如,把燈名稱為“citation(引用)的所有段落都提取出來,以便對某篇碩士論文的參考文獻執行自動搜集。
HTML事件屬性
與部分一樣,段落也有很多由用戶引起的事件,如顯示區域內的用戶鼠標單擊或者雙擊,如果符合當前的HTML或XHTML標準的話,它們都可以被瀏覽器識別。通過將相應的屬性和值設置為“on”,便可以對那些事件做出反應,例如,顯示一個用戶對話框,或者播放一段多媒體等。
允許的段落內容
段落可能包含任何允許在文本流中出現的元素,其中包括傳統的文字和標點、鏈接(<a>)、圖像(<img>)、換行(<br>)、字體變化(<b>、<i>/<tt>、<u>、<strike>、<big>、<small>、<sup>、<sub>和<font>)和基于內容的樣式變化(<acronym>、<cite>、<code>、<dfn>、<em>、<kbd>、<samp>、<storng>和<var>)。如果有任何其他元素出現在段落當中,則意示著段落的結束,而且瀏覽器就會假定沒有指定</p>結束標簽。
允許的段落用法
可以只在塊(block)內指定段落,也可以把段落和其他段落,列表、表單和預定義格式的文本一起使用。總的來講,這意味著段落可以在任何有合適的文本流的地方出現,便如文檔的主體中、列表的元素里,等等。從技術角度來講,段落不可以出現在頭部、錨或者其他嚴格要求內容必須只能是文本的地方。實際上,多數瀏覽器都忽略了這個限制,它們會把段落作為所含元素的內容一起格式化。
如沒特殊注明,文章均為上海聯楷網絡原創,轉載請注明來自:http://www.ktcbnqb.cn/news/20151229/n6682.html