9.14日音訊,網(wǎng)頁的段落排版和換行。網(wǎng)頁的外觀是否美觀，很大程度上取決于其排版。在頁面中出現(xiàn)大段的文字，通常采用分段進(jìn)行規(guī)劃，對換行也有極其嚴(yán)格的劃分。本節(jié)從段落的細(xì)節(jié)設(shè)置入手，使讀者學(xué)習(xí)后能利用標(biāo)簽自如地處理大段的文字。
HTML網(wǎng)頁中的文字和段落
通過上一章的學(xué)習(xí)，讀者在網(wǎng)頁整體表現(xiàn)設(shè)置方面有了比較扎實(shí)的基礎(chǔ)。但是讀者不僅是希望在網(wǎng)頁上表現(xiàn)文字，更希望對網(wǎng)頁上的文字進(jìn)行排版、修飾。本章將學(xué)習(xí)文字的簡單排版、修飾、滾動(dòng)文字以及超級鏈接。超級鏈接在網(wǎng)站開發(fā)中無處不在，是網(wǎng)頁中的重點(diǎn)。
學(xué)習(xí)本章時(shí)，在D:\web\目錄下創(chuàng)建一個(gè)目錄命名為chapter3，把上一章的文件移動(dòng)到D:\web\chapter3，做一個(gè)歸類。本章繼續(xù)在D:\web\目錄下創(chuàng)建示例文件，這樣方便用IIS測試示例文件。
—說明：以后章節(jié)都作類似處理，不再重復(fù)說明。如第4章文件歸類到D:\web\chapter4。
4.1段落排版和換行
網(wǎng)頁的外觀是否美觀，很大程度上取決于其排版。在頁面中出現(xiàn)大段的文字，通常采用分段進(jìn)行規(guī)劃，對換行也有極其嚴(yán)格的劃分。本節(jié)從段落的細(xì)節(jié)設(shè)置入手，使讀者學(xué)習(xí)后能利用標(biāo)簽自如地處理大段的文字。
4.1.1給大段文字進(jìn)行分段
簡單地對文字分段常用<p></p>標(biāo)簽，即段落的開始用<p>，段落的結(jié)束用</p>標(biāo)簽。某些網(wǎng)頁分段時(shí)省略了</p>，即作為單標(biāo)簽使用，因?yàn)橄乱欢伍_始的<p>標(biāo)簽就意味上一段的結(jié)束。
—注意：筆者不推薦把<p>當(dāng)作單標(biāo)簽使用，這樣代碼不規(guī)范，易出錯(cuò)。
在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為p.htm，編寫代碼如代碼4.1所示。
代碼4.1分段的設(shè)置：p.htm
<p>落幕后剛剛開始</p>
<p>2002年歲末，神話開始。2003年秋冬，走向高潮和終極。《無間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無糾結(jié)于混然一體，愕然分崩離析，亦是豐富兼統(tǒng)一的過程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問自我，拷問時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說。然而《維摩詰經(jīng)·觀眾生品第七》中說：無住則無本。從身體的言行開始，經(jīng)過辯難言說的層面，初步達(dá)到存有自視境界，最后不過是歸結(jié)為生存的態(tài)度。在我看來，劉健明、陳永仁、韓琛、黃志誠、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對方身上看到自我，抗?fàn)?、迸發(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無間道”。</p>
<p>顧準(zhǔn)說從理想主義到經(jīng)驗(yàn)主義，王小波說要警惕僭主和英雄，誰是英雄？他們從哪里來？他們來了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來，娛樂從來就不僅僅是娛樂本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場電影中我們想到的注定更多，理解定可變奏無窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。</p>
通過<p></p>標(biāo)簽的分段，大段的文字排版井井有條。
4.1.2給文字加入空格
仔細(xì)觀察圖4.1，圖中的分段感覺有點(diǎn)別扭，因?yàn)槊慷伍_始沒有字符空格。
—說明：按中文寫作習(xí)慣，段落的首行須空格2個(gè)中文字符。
前面章節(jié)學(xué)習(xí)過，在HTML代碼中直接用鍵盤敲擊空格鍵，是無法顯示在頁面上的。HTML使用“ ”表現(xiàn)1個(gè)空格字符（英文的空格字符）。由于1個(gè)中文字符占兩個(gè)英文字符的寬度，所以在段落的首行開頭加上4個(gè)“ ”字符，修改p.htm的代碼如代碼4.2所示。
<p>邯鄲網(wǎng)頁制作</p>
<p>artdesignsale.com</p>
<p> 2002年歲末，神話開始。2003年秋冬，走向高潮和終極?！稛o間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無糾結(jié)于混然一體，愕然分崩離析，亦是豐富兼統(tǒng)一的過程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問自我，拷問時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說。然而《維摩詰經(jīng)·觀眾生品第七》中說：無住則無本。從身體的言行開始，經(jīng)過辯難言說的層面，初步達(dá)到存有自視境界，最后不過是歸結(jié)為生存的態(tài)度。在我看來，劉健明、陳永仁、韓琛、黃志誠、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對方身上看到自我，抗?fàn)?、迸發(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無間道”。</p>
<p> 顧準(zhǔn)說從理想主義到經(jīng)驗(yàn)主義，王小波說要警惕僭主和英雄，誰是英雄？他們從哪里來？他們來了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來，娛樂從來就不僅僅是娛樂本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場電影中我們想到的注定更多，理解定可變奏無窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。</p>
段落已經(jīng)初步成形了，空格已經(jīng)表現(xiàn)了出來。讀者可以在段落中任意加上空格符測試。
4.1.3設(shè)置文字換行與不換行
圖4.1看上去已經(jīng)沒有問題了，當(dāng)文字到達(dá)瀏覽器的邊界后將自動(dòng)換行。但是當(dāng)調(diào)整瀏覽器的寬度時(shí)，文字換行的位置也相應(yīng)發(fā)生變化，格式顯得相當(dāng)混亂。為了規(guī)范格式，讀者應(yīng)該在編寫代碼時(shí)在需要換行的位置用單標(biāo)簽<br/>標(biāo)簽強(qiáng)制換行。反之，不需要換行的部分用雙標(biāo)簽<nobr></nobr>包含。修改p.htm代碼如代碼4.3所示。
代碼4.3換行的控制：p.htm
<p>落幕后剛剛開始</p>
<p> 2002年歲末，神話開始。2003年秋冬，走向高潮和終極。<br/><nobr>《無間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無糾結(jié)于混然一體，愕然分崩離析，亦是<br/>豐富兼統(tǒng)一的過程。有因就有果，</nobr>有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問自我，拷問時(shí)空。<nobr>這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說。然而《維摩詰經(jīng)·觀眾生品第七》中說：無住則無本。</nobr>從身體的言行開始，經(jīng)過辯難言說的層面，初步達(dá)到存有自視境界，最后不過是歸結(jié)為生存的態(tài)度。在我看來，劉健明、陳永仁、韓琛、黃志誠、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對方身上看到自我，抗?fàn)?、迸發(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無間道”。</p>
<p> 顧準(zhǔn)說從理想主義到經(jīng)驗(yàn)主義，王小波說要警惕僭主和英雄，誰是英雄？他們從哪里來？他們來了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來，娛樂從來就不僅僅是娛樂本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場電影中我們想到的注定更多，理解定可變奏無窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。</p>
在瀏覽器地址欄輸入http://localhost/p.htm，瀏覽效果如圖4.3所示。
圖4.3換行的控制
由本例可得，被<nobr></nobr>包含的部分不會(huì)自動(dòng)換行，除非有<br/>強(qiáng)制換行。
4.1.4設(shè)置文字對齊方式
段落中的文字在某些時(shí)候需要有不同的對齊方式，默認(rèn)對齊方式是左對齊。<p>標(biāo)簽的對齊屬性為align，通過設(shè)置align為left、right或center值實(shí)現(xiàn)左對齊、右對齊和居中對齊。修改p.htm代碼如代碼4.4所示。
<p>邯鄲網(wǎng)站建設(shè)首創(chuàng)網(wǎng)絡(luò)http://artdesignsale.com</p>
<p>落幕后剛剛開始</p>
<palign="center"> 2002年歲末，神話開始。2003年秋冬，走向高潮和終極?！稛o間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無糾結(jié)于混然一體，愕然分崩離析，亦是豐富兼統(tǒng)一的過程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問自我，拷問時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說。然而《維摩詰經(jīng)·觀眾生品第七》中說：無住則無本。從身體的言行開始，經(jīng)過辯難言說的層面，初步達(dá)到存有自視境界，最后不過是歸結(jié)為生存的態(tài)度。在我看來，劉健明、陳永仁、韓琛、黃志誠、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對方身上看到自我，抗?fàn)帯⒈虐l(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無間道”。</p>
<palign="right"> 顧準(zhǔn)說從理想主義到經(jīng)驗(yàn)主義，王小波說要警惕僭主和英雄，誰是英雄？他們從哪里來？他們來了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來，娛樂從來就不僅僅是娛樂本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場電影中我們想到的注定更多，理解定可變奏無窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。</p>
