3.1.3 預(yù)先格式化<pre> 3.1基本的文字排版 HTML
在編輯HTML文檔時，有時希望文本在瀏覽器中的顯示效果和寫在HTML文檔中的格式保持一致，這就要使用到<pre>標(biāo)記。pre是 preformat(預(yù)格式化)的簡寫，使用<pre></pre>標(biāo)記對對網(wǎng)頁中文字進(jìn)行預(yù)先格式化設(shè)置后，被包圍在<pre>元素中的文本通常會保留空格和換行符，而文本一般會呈現(xiàn)為等寬字體。
本例的文本造型以輸入的形式顯示出來，保留了所有的空格和換行效果，這種情況使用<pre>標(biāo)記能夠輕松做到。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>預(yù)先格式化</title>
</head>
<body>
<pre>
《春江花月夜》
春江潮水連海平，海上明月共潮生。
滟滟隨波千萬里，何處春江無月明。
江流宛轉(zhuǎn)繞芳甸，月照花林皆似蔽。
空里流霜不覺飛，汀上白沙看不見。
江天一色無纖塵，皎皎空中孤月輪。
江畔何人初見月，江月何年初照人？
人生代代無窮已，江月年年只相似。
不知江月待何人，但見長江送流水。
白云一片去悠悠，青楓浦上不勝愁。
誰家今夜扁舟子，何處相思明月樓？
可憐樓上月徘徊，應(yīng)照離人妝鏡臺。
玉戶簾中卷不去，搗衣砧上拂還來。
此時相望不相聞，愿逐月華流照君。
鴻雁長飛光不度，魚龍潛躍水成文。
昨夜閑潭夢落花，可憐春半不還家。
江水流春去欲盡，江潭落月復(fù)西斜。
斜月沉沉藏海霧，碣石瀟湘無限路。
不知乘月幾人歸，落月?lián)u情滿江樹。
</pre>
</body>
</html>
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>