久久精品亚洲精品无码,国产亚洲日产在线,熟女偷拍精品网

網(wǎng)頁(yè)的外觀是否美觀，很大程度上取決于其排版。在頁(yè)面中出現(xiàn)大段的文字，通常采用分段進(jìn)行規(guī)劃，對(duì)換行也有極其嚴(yán)格的劃分。本節(jié)從段落的細(xì)節(jié)設(shè)置入手，使讀者學(xué)習(xí)后能利用標(biāo)簽自如地處理大段的文字。
HTML網(wǎng)頁(yè)中的文字和段落
通過(guò)上一章的學(xué)習(xí)，讀者在網(wǎng)頁(yè)整體表現(xiàn)設(shè)置方面有了比較扎實(shí)的基礎(chǔ)。但是讀者不僅是希望在網(wǎng)頁(yè)上表現(xiàn)文字，更希望對(duì)網(wǎng)頁(yè)上的文字進(jìn)行排版、修飾。本章將學(xué)習(xí)文字的簡(jiǎn)單排版、修飾、滾動(dòng)文字以及超級(jí)鏈接。超級(jí)鏈接在網(wǎng)站開發(fā)中無(wú)處不在，是網(wǎng)頁(yè)中的重點(diǎn)。
學(xué)習(xí)本章時(shí)，在D:\web\目錄下創(chuàng)建一個(gè)目錄命名為chapter3，把上一章的文件移動(dòng)到D:\web\chapter3，做一個(gè)歸類。本章繼續(xù)在D:\web\目錄下創(chuàng)建示例文件，這樣方便用IIS測(cè)試示例文件。
— 說(shuō)明：以后章節(jié)都作類似處理，不再重復(fù)說(shuō)明。如第4章文件歸類到D:\web\ chapter4。
4.1 段落排版和換行
網(wǎng)頁(yè)的外觀是否美觀，很大程度上取決于其排版。在頁(yè)面中出現(xiàn)大段的文字，通常采用分段進(jìn)行規(guī)劃，對(duì)換行也有極其嚴(yán)格的劃分。本節(jié)從段落的細(xì)節(jié)設(shè)置入手，使讀者學(xué)習(xí)后能利用標(biāo)簽自如地處理大段的文字。
4.1.1 給大段文字進(jìn)行分段
簡(jiǎn)單地對(duì)文字分段常用標(biāo)簽，即段落的開始用，段落的結(jié)束用標(biāo)簽。某些網(wǎng)頁(yè)分段時(shí)省略了，即作為單標(biāo)簽使用，因?yàn)橄乱欢伍_始的標(biāo)簽就意味上一段的結(jié)束。
— 注意：筆者不推薦把當(dāng)作單標(biāo)簽使用，這樣代碼不規(guī)范，易出錯(cuò)。
在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為p.htm，編寫代碼如代碼4.1所示。
代碼4.1 分段的設(shè)置：p.htm

<html>
<head>
<title>分段的設(shè)置</title>
</head>
<body>
電影雙周刊：《無(wú)間道三：終極無(wú)間》評(píng)論專題
　落幕后剛剛開始　　
　2002年歲末，神話開始。2003年秋冬，走向高潮和終極?！稛o(wú)間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無(wú)糾結(jié)于混然一體，愕然分崩離析，亦是豐富兼統(tǒng)一的過(guò)程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問(wèn)自我，拷問(wèn)時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說(shuō)。然而《維摩詰經(jīng)·觀眾生品第七》中說(shuō)：無(wú)住則無(wú)本。從身體的言行開始，經(jīng)過(guò)辯難言說(shuō)的層面，初步達(dá)到存有自視境界，最后不過(guò)是歸結(jié)為生存的態(tài)度。在我看來(lái)，劉健明、陳永仁、韓琛、黃志誠(chéng)、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對(duì)方身上看到自我，抗?fàn)帯⒈虐l(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無(wú)間道”。
　顧準(zhǔn)說(shuō)從理想主義到經(jīng)驗(yàn)主義，王小波說(shuō)要警惕僭主和英雄，誰(shuí)是英雄？他們從哪里來(lái)？他們來(lái)了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來(lái)，娛樂(lè)從來(lái)就不僅僅是娛樂(lè)本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場(chǎng)電影中我們想到的注定更多，理解定可變奏無(wú)窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無(wú)論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。
</body>
</html>
在瀏覽器地址欄輸入http://localhost/p.htm，瀏覽效果如圖4.1所示。

圖4.1 分段的設(shè)置
通過(guò)標(biāo)簽的分段，大段的文字排版井井有條。
4.1.2 給文字加入空格
仔細(xì)觀察圖4.1，圖中的分段感覺有點(diǎn)別扭，因?yàn)槊慷伍_始沒有字符空格。
— 說(shuō)明：按中文寫作習(xí)慣，段落的首行須空格2個(gè)中文字符。
前面章節(jié)學(xué)習(xí)過(guò)，在HTML代碼中直接用鍵盤敲擊空格鍵，是無(wú)法顯示在頁(yè)面上的。HTML使用“ ”表現(xiàn)1個(gè)空格字符（英文的空格字符）。由于1個(gè)中文字符占兩個(gè)英文字符的寬度，所以在段落的首行開頭加上4個(gè)“ ”字符，修改p.htm的代碼如代碼4.2所示。

代碼4.2 空格符的設(shè)置：p.htm

<html>
<head>
<title>分段的設(shè)置</title>
</head>
<body>
電影雙周刊：《無(wú)間道三：終極無(wú)間》評(píng)論專題
　落幕后剛剛開始　　
　    2002年歲末，神話開始。2003年秋冬，走向高潮和終極?！稛o(wú)間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無(wú)糾結(jié)于混然一體，愕然分崩離析，亦是豐富兼統(tǒng)一的過(guò)程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問(wèn)自我，拷問(wèn)時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說(shuō)。然而《維摩詰經(jīng)·觀眾生品第七》中說(shuō)：無(wú)住則無(wú)本。從身體的言行開始，經(jīng)過(guò)辯難言說(shuō)的層面，初步達(dá)到存有自視境界，最后不過(guò)是歸結(jié)為生存的態(tài)度。在我看來(lái)，劉健明、陳永仁、韓琛、黃志誠(chéng)、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對(duì)方身上看到自我，抗?fàn)?、迸發(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無(wú)間道”。　　
　    顧準(zhǔn)說(shuō)從理想主義到經(jīng)驗(yàn)主義，王小波說(shuō)要警惕僭主和英雄，誰(shuí)是英雄？他們從哪里來(lái)？他們來(lái)了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來(lái)，娛樂(lè)從來(lái)就不僅僅是娛樂(lè)本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場(chǎng)電影中我們想到的注定更多，理解定可變奏無(wú)窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無(wú)論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。
</body>
</html>
在瀏覽器地址欄輸入http://localhost/p.htm，瀏覽效果如圖4.2所示。

圖4.2 空格符的設(shè)置
段落已經(jīng)初步成形了，空格已經(jīng)表現(xiàn)了出來(lái)。讀者可以在段落中任意加上空格符測(cè)試。
4.1.3 設(shè)置文字換行與不換行
圖4.1看上去已經(jīng)沒有問(wèn)題了，當(dāng)文字到達(dá)瀏覽器的邊界后將自動(dòng)換行。但是當(dāng)調(diào)整瀏覽器的寬度時(shí)，文字換行的位置也相應(yīng)發(fā)生變化，格式顯得相當(dāng)混亂。為了規(guī)范格式，讀者應(yīng)該在編寫代碼時(shí)在需要換行的位置用單標(biāo)簽 標(biāo)簽強(qiáng)制換行。反之，不需要換行的部分用雙標(biāo)簽包含。修改p.htm代碼如代碼4.3所示。

代碼4.3 換行的控制：p.htm
<html>
<head>
<title>分段的設(shè)置</title>
</head>
<body>
電影雙周刊：《無(wú)間道三：終極無(wú)間》評(píng)論專題
　落幕后剛剛開始　　
　    2002年歲末，神話開始。2003年秋冬，走向高潮和終極。 《無(wú)間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無(wú)糾結(jié)于混然一體，愕然分崩離析，亦是 豐富兼統(tǒng)一的過(guò)程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問(wèn)自我，拷問(wèn)時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說(shuō)。然而《維摩詰經(jīng)·觀眾生品第七》中說(shuō)：無(wú)住則無(wú)本。從身體的言行開始，經(jīng)過(guò)辯難言說(shuō)的層面，初步達(dá)到存有自視境界，最后不過(guò)是歸結(jié)為生存的態(tài)度。在我看來(lái)，劉健明、陳永仁、韓琛、黃志誠(chéng)、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對(duì)方身上看到自我，抗?fàn)?、迸發(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無(wú)間道”。　　
　    顧準(zhǔn)說(shuō)從理想主義到經(jīng)驗(yàn)主義，王小波說(shuō)要警惕僭主和英雄，誰(shuí)是英雄？他們從哪里來(lái)？他們來(lái)了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來(lái)，娛樂(lè)從來(lái)就不僅僅是娛樂(lè)本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場(chǎng)電影中我們想到的注定更多，理解定可變奏無(wú)窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無(wú)論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。
</body>
</html>
在瀏覽器地址欄輸入http://localhost/p.htm，瀏覽效果如圖4.3所示。

圖4.3 換行的控制
由本例可得，被包含的部分不會(huì)自動(dòng)換行，除非有 強(qiáng)制換行。
4.1.4 設(shè)置文字對(duì)齊方式
段落中的文字在某些時(shí)候需要有不同的對(duì)齊方式，默認(rèn)對(duì)齊方式是左對(duì)齊。標(biāo)簽的對(duì)齊屬性為align，通過(guò)設(shè)置align為left、right或center值實(shí)現(xiàn)左對(duì)齊、右對(duì)齊和居中對(duì)齊。修改p.htm代碼如代碼4.4所示。

代碼4.4 對(duì)齊的控制：p.htm
<html>
<head>
<title>分段的設(shè)置</title>
</head>
<body>
電影雙周刊：《無(wú)間道三：終極無(wú)間》評(píng)論專題
　落幕后剛剛開始　　
　    2002年歲末，神話開始。2003年秋冬，走向高潮和終極?！稛o(wú)間道》即自承取乎佛家理念，光明與黑暗、生存與消亡、存在與虛無(wú)糾結(jié)于混然一體，愕然分崩離析，亦是豐富兼統(tǒng)一的過(guò)程。有因就有果，有孽就有緣，境與相的妙處在于言詮的限度，不可道破，又不可沉默，相互依托。心音始終在，拷問(wèn)自我，拷問(wèn)時(shí)空。這是最好的時(shí)代，這是最壞的時(shí)代，幾乎每個(gè)時(shí)代的人都在這么說(shuō)。然而《維摩詰經(jīng)·觀眾生品第七》中說(shuō)：無(wú)住則無(wú)本。從身體的言行開始，經(jīng)過(guò)辯難言說(shuō)的層面，初步達(dá)到存有自視境界，最后不過(guò)是歸結(jié)為生存的態(tài)度。在我看來(lái)，劉健明、陳永仁、韓琛、黃志誠(chéng)、倪永孝、陸啟昌、楊錦榮、沈澄等人其實(shí)是宿命中的鏡像人物，都可以從對(duì)方身上看到自我，抗?fàn)?、迸發(fā)、沉雄、揮灑，仿佛的劫數(shù)、扭曲的生命，于是乎“無(wú)間道”。　
    顧準(zhǔn)說(shuō)從理想主義到經(jīng)驗(yàn)主義，王小波說(shuō)要警惕僭主和英雄，誰(shuí)是英雄？他們從哪里來(lái)？他們來(lái)了又怎樣？我們這個(gè)時(shí)代還要不要英雄？我在編輯這期E論壇時(shí)，有一些欣慰，從文字中可以看出大家都在思考，畢竟我們不再是盲從的一代。在我看來(lái)，娛樂(lè)從來(lái)就不僅僅是娛樂(lè)本身，從一滴水、一朵花、一粒沙可以看到一個(gè)世界，從一場(chǎng)電影中我們想到的注定更多，理解定可變奏無(wú)窮。我們每個(gè)人就構(gòu)成了這個(gè)世界，無(wú)論這個(gè)世界是好是壞，我們都有份。我們每個(gè)人都有自己的生活，都有優(yōu)點(diǎn)都有缺點(diǎn)，這是我們共同進(jìn)步的基礎(chǔ)。
</body>
</html>
在瀏覽器地址欄輸入http://localhost/p.htm，瀏覽效果如圖4.4所示。

圖4.4 對(duì)齊的控制
4.1.5 添加水平分隔線
HTML提供了修飾段落的水平分隔線，在很多場(chǎng)合中可以輕松使用，不需要另外作圖。水平分隔線的標(biāo)簽是單標(biāo)簽<hr />，默認(rèn)情況下占一行。
在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為hr.htm，編寫代碼如代碼4.5所示。

代碼4.5 分隔線的設(shè)置：hr.htm
<html>
<head>
<title>分隔線的設(shè)置</title>
</head>
<body>
回顧樂(lè)壇粵語(yǔ)歌曲輝煌
<hr />
    究竟哪首歌是最早的粵語(yǔ)歌，還存在爭(zhēng)議。１９７３年，“筷子姊妹花”成員仙杜拉演唱了由顧嘉輝創(chuàng)作的電視劇《啼笑因緣》同名主題歌，此歌也是香港歌壇第一首粵語(yǔ)劇集主題歌。同年，初出茅廬的鄭少秋同樣在ＴＶＢ劇集《煙雨蒙蒙》中出演并主唱同名主題歌。而１９７４年由許冠杰演唱的大熱電影《鬼馬雙星》同名主題歌則更是樂(lè)壇的重磅炸彈，成為第一首在英國(guó)ＢＢＣ電臺(tái)播放的中文歌曲，在當(dāng)時(shí)名震一時(shí)，也最受大家對(duì)粵語(yǔ)歌起源的認(rèn)同。
</body>
</html>
在瀏覽器地址欄輸入http://localhost/hr.htm，瀏覽效果如圖4.5所示。

究竟哪首歌是最早的粵語(yǔ)歌，還存在爭(zhēng)議。1973年，“筷子姊妹花”成中仙杜拉演唱了上顧嘉輝創(chuàng)作的電視劇《啼笑因緣》同名主題歌，此歌也是香港歌壇第一首粵語(yǔ)劇集主題歌。同年，初了茅廬的鄭少秋同樣在TVB劇集《煙雨蒙蒙》中出演并主唱同名主題歌。而1974年由許冠杰演唱的大熱電影《鬼馬雙星》同名主題歌則更是樂(lè)壇的重磅炸彈，成為第一首在英國(guó)BBC電臺(tái)播放的中文歌曲，在當(dāng)時(shí)名震一時(shí)，也最受大家對(duì)粵語(yǔ)起源的認(rèn)同。

圖4.5 分隔線的設(shè)置
一個(gè)簡(jiǎn)單的<hr />標(biāo)簽就可以實(shí)現(xiàn)分隔線，輕松地修飾了段落排版，使之更美觀。不過(guò)對(duì)于不同的應(yīng)用場(chǎng)合，<hr />默認(rèn)單一的線條樣式顯然不能滿足要求。<hr />標(biāo)簽的多種屬性解決了這個(gè)問(wèn)題，常用的屬性有width、size、align、color和title。width即寬度設(shè)置，屬性值默認(rèn)單位為像素，也可以用百分比來(lái)表示分隔線所占空間的比例。size可以理解為分隔線的厚度或高度，屬性值默認(rèn)單位同寬度。align為對(duì)齊方式，類似于的align。color即顏色，根據(jù)需要設(shè)置分隔線的不同顏色。title屬性使用不多，瀏覽者光標(biāo)懸停在分隔線上時(shí)出現(xiàn)屬性值的內(nèi)容提示。
— 說(shuō)明：<hr />的默認(rèn)對(duì)齊方式是居中。HTML的寬度和高度屬性默認(rèn)單位為像素，一般無(wú)須標(biāo)識(shí)單位。不過(guò)style屬性中必須標(biāo)識(shí)單位。
<hr />還有一個(gè)屬性是noshade，當(dāng)分隔線沒有設(shè)置顏色，并且設(shè)置了一定的size時(shí)，分隔線看上去是立體下凹的，有陰影。如果使用了noshade屬性，分隔線將會(huì)呈現(xiàn)單色。修改hr.htm代碼如代碼4.6所示。

代碼4.6 分隔線的樣式設(shè)置：hr.htm
<html>
<head>
<title>分隔線的設(shè)置</title>
</head>
<body>
設(shè)置了300像素寬度并且右對(duì)齊的分隔線： 
<hr width="300" align="right" />
設(shè)置了50%寬度并且居中對(duì)齊的分隔線： 
<hr width="50%" align="left" />
設(shè)置了50%寬度、50像素的厚度并且沒有使用noshade的分隔線： 
<hr width="50%" size="50" />
設(shè)置了50像素的厚度并且使用noshade的分隔線： 
<hr size="50" noshade="noshade" />
設(shè)置了50像素的厚度并且設(shè)置了深紅色的分隔線： 
<hr size="50" color="770000"/>
設(shè)置了50像素的厚度、設(shè)置了淺藍(lán)色并且設(shè)置了“感謝你的到來(lái)！”提示的分隔線： 
<hr size="50" color="0000cc" title="感謝你的到來(lái)！"/>
</body>
</html>
在瀏覽器地址欄輸入http://localhost/hr.htm，瀏覽效果如圖4.6所示。

圖4.6 分隔線的樣式設(shè)置

標(biāo)簽：延安白銀錫林郭勒盟樂(lè)山阿拉善盟四川濟(jì)南貴陽(yáng)

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML網(wǎng)頁(yè)的段落排版和換行》，本文關(guān)鍵詞 HTML,網(wǎng)頁(yè),的,段落,排版,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。