第3-2章 文字及段落_第1頁(yè)
第3-2章 文字及段落_第2頁(yè)
第3-2章 文字及段落_第3頁(yè)
第3-2章 文字及段落_第4頁(yè)
第3-2章 文字及段落_第5頁(yè)
已閱讀5頁(yè)，還剩71頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

文字與段落主要內(nèi)容對(duì)網(wǎng)頁(yè)中的文字格式化對(duì)網(wǎng)頁(yè)中的段落格式化添加文字文字是網(wǎng)頁(yè)的基礎(chǔ)部分，可以通過(guò)一些HTML標(biāo)記實(shí)現(xiàn)對(duì)文字的格式化。在HTML文件中，添加文字內(nèi)容的方式與在word、記事本等中添加文字的方式相同，在需要輸入文字的地方輸入即可，但是需要添加在<body>與</body>標(biāo)記之間。具體內(nèi)容包括瀏覽器中要顯示的文字、空格符、特殊符號(hào)以及注釋語(yǔ)句。添加文字<!--程序3-1--><html><head><title>在網(wǎng)頁(yè)中添加文字</title></head><body>這是一本介紹HTML，CSS，JAVASCRIPT的專(zhuān)業(yè)書(shū)籍。</body></html>添加文字標(biāo)題字標(biāo)題字就是以幾種固定的字號(hào)去顯示文字。在HTML中，定義了六級(jí)標(biāo)題，從一級(jí)到六級(jí)，每級(jí)標(biāo)題的字體大小依次遞減?；菊Z(yǔ)法：<h#align="left|center|right">標(biāo)題文字</h#>標(biāo)題字<!--程序3-2--><html><head><title>在網(wǎng)頁(yè)中添加標(biāo)題字</title></head><body><h1align="center">一級(jí)標(biāo)題</h1><h2>二級(jí)標(biāo)題</h2><h3>三級(jí)標(biāo)題</h3><h4align=left>四級(jí)標(biāo)題</h4><h5align=center>五級(jí)標(biāo)題</h5><h6align=right>六級(jí)標(biāo)題</h6></body></html>標(biāo)題字添加空格空格通常情況下，HTML會(huì)自動(dòng)刪除文字內(nèi)容中的多余空格，不管文字中有多少空格，都被視做一個(gè)空格。比如：兩個(gè)字之間加了10個(gè)空格，HTML會(huì)截去9個(gè)空格，只保留一個(gè)。為了在網(wǎng)頁(yè)中增加空格，可以明確使用“

”表示空格。這種使用代碼控制的方式與在文本編輯軟件中通過(guò)輸入空格鍵來(lái)添加空格的方式不同?；菊Z(yǔ)法：

添加空格<!--程序3-3--><html><head><title>在網(wǎng)頁(yè)中添加空格</title></head><body>這是一本

介紹HTML，CSS，JAVASCRIPT  的專(zhuān)業(yè)書(shū)籍。</body></html>添加空格添加特殊符號(hào)特殊符號(hào)特殊符號(hào)和空格一樣，也是通過(guò)在HTML文件中輸入符號(hào)代碼來(lái)添加。使用特殊符號(hào)可以將鍵盤(pán)上沒(méi)有的字符輸出出來(lái)。基本語(yǔ)法：&&©<<>>"雙引號(hào)（英文）

空格C添加特殊符號(hào)<!--程序3-4--><html><head><title>在網(wǎng)頁(yè)中添加特殊符號(hào)</title></head><body><center>版權(quán)所有©<!--加入了版權(quán)符號(hào)的符號(hào)代碼--></body></html>添加特殊符號(hào)注釋語(yǔ)句注釋可以在HTML文檔中添加注釋?zhuān)黾哟a的可讀性，便于以后維護(hù)和修改。訪問(wèn)者在瀏覽器中是看不見(jiàn)這些注釋的，只有在用文本編輯器打開(kāi)文檔源代碼時(shí)才可見(jiàn)?；菊Z(yǔ)法：<comment>…</comment>或<!--…-->注釋語(yǔ)句<!--程序3-5--><html><head><title>在網(wǎng)頁(yè)中添加添加注釋</title></head><body><comment>body標(biāo)記是主體內(nèi)容</comment><center><pre><!--pre代表原樣顯示排版格式-->我們永遠(yuǎn)的家——多媒體專(zhuān)業(yè)！</pre><center></body></html>注釋語(yǔ)句文字樣式文字樣式在網(wǎng)頁(yè)中添加文字后，可以設(shè)置其字體、字號(hào)、顏色等屬性，利用<font>標(biāo)記或<basefont>標(biāo)記都可以實(shí)現(xiàn)。提示樣式建議使用css定義普通文字標(biāo)記文字樣式定義利用<font>可以對(duì)網(wǎng)頁(yè)文字的字體、字號(hào)、顏色進(jìn)行定義?；菊Z(yǔ)法：<fontface=""size=""color="">…</font>普通文字標(biāo)記<!--程序3-6--><html><head><title>設(shè)置文字的字體、字號(hào)、顏色</title></head><body><center><fontface=“黑體”size=6color=“red”>我們是一個(gè)團(tuán)體，不會(huì)丟下誰(shuí)，不會(huì)落下誰(shuí)。共同奮進(jìn)?。?lt;/font></center></body></html>普通文字標(biāo)記基底文字標(biāo)記<basefont>標(biāo)記在制作網(wǎng)頁(yè)前，可以先使用<basefont>標(biāo)記對(duì)整個(gè)網(wǎng)頁(yè)文字進(jìn)行一個(gè)基本的定義，主要包括字體、字號(hào)和顏色，當(dāng)網(wǎng)頁(yè)中沒(méi)有另外定義文字樣式時(shí)，就自動(dòng)套用<basefont>定義的樣式，定義將影響整個(gè)HTML頁(yè)面?；菊Z(yǔ)法：<basefontface=""size=""color="">基底文字標(biāo)記01：<!--程序3-7-->02：<html>03：<head>04：<title>整個(gè)網(wǎng)頁(yè)文字的字體、字號(hào)和顏色基本定義</title>05：<basefontface="黑體"size=5color="red">06：</head>07：<body>08：<center>09：學(xué)校將于近期舉辦校園卡拉OK大賽<br>10：<fontsize=+3color="green">11：學(xué)校將于近期舉辦校園卡拉OK大賽12：</font>基底文字標(biāo)記13：<br>14：<fontsize=–2>15：學(xué)校將于近期舉辦校園卡拉OK大賽16：</font>17：</center>18：</body>19：</html>基底文字標(biāo)記粗體、斜體、下劃線(xiàn)

基本語(yǔ)法：<b>…</b><i>…</i><u>…</u>粗體、斜體、下劃線(xiàn)<!--程序3-8--><html><head><title>文字的加粗、斜體和下劃線(xiàn)</title></head><body><center><fontcolor=“#FF0000”size=3><b>這些文字是粗體的</b></font><br><i>這些文字是斜體的</i><br><u>這些文字帶有下劃線(xiàn)</u></center></body></html>粗體、斜體、下劃線(xiàn)刪除線(xiàn)基本語(yǔ)法：<del>…</del>語(yǔ)法說(shuō)明置于<del>標(biāo)記中的文字將被加上刪除線(xiàn)刪除線(xiàn)<!--程序3-8--><html><head><title>給文字添加刪除線(xiàn)</title></head><body>作者信箱由<del>junmeihao@</del>更改為hongmei@<!--添加刪除線(xiàn)--></body></html>刪除線(xiàn)圖3-9給文字添加刪除線(xiàn)上標(biāo)、下標(biāo)在數(shù)學(xué)公式中，上標(biāo)和下標(biāo)的使用比較廣泛，比如x1，x2，y1，y2等?；菊Z(yǔ)法：<sup>…</sup><sub>…</sub>上標(biāo)、下標(biāo)<!--程序3-9--><html><head><title>上標(biāo)、下標(biāo)的實(shí)現(xiàn)</title></head><body><h2>解下面的代數(shù)方程式</h2>x<sup>2</sup>-3x+2=0<br>解：x<sub>1</sub>=2;x<sub>2</sub>=1<br></body></html>上標(biāo)、下標(biāo)設(shè)置文字標(biāo)注文字標(biāo)注在HTML文件中，可以在文字上方添加說(shuō)明，并以縮小的字號(hào)顯示?；菊Z(yǔ)法：<ruby>被說(shuō)明文字<rt>文字的標(biāo)注</rt><ruby>設(shè)置文字標(biāo)注<!--程序3-10--><html><head><title>在文字上方標(biāo)注說(shuō)明</title></head><body><ruby>第二十九屆奧運(yùn)會(huì)在北京舉行<rt>2008</rt></ruby></body></html>設(shè)置文字標(biāo)注設(shè)置地址文字地址文字<address><address>標(biāo)記用來(lái)表示HTML文檔的特定信息，如：E-mail、地址、簽名、作者、文檔信息等。通常顯示為斜體?；菊Z(yǔ)法：<address>…</address>設(shè)置地址文字<!--程序3-11--><html><head><title>設(shè)置地址文字</title></head><body>

給我們寫(xiě)信:<address>wangtao@</address></body></html>設(shè)置地址文字設(shè)置等寬文字等寬文字為了使網(wǎng)頁(yè)中的文字顯示更加整齊、美觀，可以使用以下標(biāo)記進(jìn)行設(shè)置?；菊Z(yǔ)法：<tt>…</tt>設(shè)置等寬文字01：<!--程序3-12-->02：<html>03：<head>04：<title>設(shè)置等寬文字</title>05：</head>06：<body>07：<h2>成功源于努力去克服困難</h2>08：<p><tt>Successgrowsoutofstrugglestoovercomedifficulties.</tt></p>設(shè)置等寬文字09：<p><samp>Successgrowsoutofstrugglestoovercomedifficulties.</samp></p>10：<p><code>Successgrowsoutofstrugglestoovercomedifficulties.</code></p>11：<p><kbd>Successgrowsoutofstrugglestoovercomedifficulties.</kbd></p>12：</body>13：</html>設(shè)置等寬文字段落文字的組合就是段落，段落就是格式上統(tǒng)一的文本。下面介紹和段落相關(guān)的HTML標(biāo)記。段落標(biāo)記段落標(biāo)記在文本編輯器中輸入的回車(chē)和額外空格將被HTML忽略，所以要在網(wǎng)頁(yè)中開(kāi)始一個(gè)段落需要通過(guò)使用標(biāo)記<p>來(lái)實(shí)現(xiàn)。由<p>標(biāo)記所標(biāo)識(shí)的文字，代表同一個(gè)段落的文字。不同段落間的間距等于連續(xù)加了兩個(gè)換行符，用以區(qū)別文字的不同段落。基本語(yǔ)法：<p>…</p>段落標(biāo)記<!--程序3-13--><html><head><title>段落</title></head><body><p>五十個(gè)不同的分子，在不同狀態(tài)下進(jìn)入了同一容器，這就組成了我們的家——多媒體專(zhuān)業(yè)。在這個(gè)容器里，我們碰撞著，摩擦著，產(chǎn)生了各色各樣的靈感，活力與情緒。</p>段落標(biāo)記<p>在不地碰撞和摩擦中，分子也不斷地變化，成長(zhǎng)著，最終可走出這個(gè)容器，勇敢地面對(duì)、挑戰(zhàn)外面的世界。不管外面如何復(fù)雜、艱難，請(qǐng)大家彼此珍惜這段我們相逢相識(shí)相知的日子，在這里我們痛過(guò)笑過(guò)哭過(guò)，不論是苦的還是甜的，這都是我們年輕的見(jiàn)證。</p></body></html>段落標(biāo)記換行標(biāo)記換行標(biāo)記可以使用<br>來(lái)控制段落中文字的換行顯示。一般，瀏覽器會(huì)根據(jù)窗口的寬度自動(dòng)將文本進(jìn)行換行顯示，如果想強(qiáng)制瀏覽器不換行顯示，可以使用<nobr>標(biāo)記。若希望在<nobr>標(biāo)記中的文字強(qiáng)制換行，則可以使用<wbr>?；菊Z(yǔ)法：<br><nobr>…</nobr><wbr>…</wbr>換行標(biāo)記01：<!—程序3-14-->02：<html>03：<head>04：<title>換行</title>05：</head>06：<body>07：<p>08：無(wú)換行標(biāo)記：在這個(gè)容器里，我們碰撞著，摩擦著，產(chǎn)生了各色各樣的靈感，活力與情緒。09：<br>有換行標(biāo)記：<br>在這個(gè)容器里，<br>10：我們碰撞著，<br>摩擦著，<br>產(chǎn)生了各色各樣的靈感，<br>活力與情緒。11：</p>12：<nobr>五十個(gè)不同的分子，在不同狀態(tài)下進(jìn)入了同一容器，這就組成了我們的家——13：媒體專(zhuān)業(yè)。<wbr>在這個(gè)容器里，我們碰撞著，摩擦著，產(chǎn)生了各色各樣的靈感，活14：與情緒。</wbr></nobr>15：</body>16：</html>換行標(biāo)記居中標(biāo)記居中標(biāo)記如果希望網(wǎng)頁(yè)中的段落居中顯示，可以采用標(biāo)記<center>。該標(biāo)記也可以使圖片等網(wǎng)頁(yè)元素居中顯示?；菊Z(yǔ)法：<center>…</center>居中標(biāo)記<!--程序3-15--><html><head><title>居中對(duì)齊標(biāo)記</title></head><body><center>《關(guān)于我們》</center><center> </center><center>五十個(gè)不同的分子，在不同狀態(tài)下進(jìn)入了同一容器，這就組成了我們的家——多媒體專(zhuān)業(yè)。<!--文字內(nèi)容自動(dòng)居中對(duì)齊--></center><center> </center></body></html>居中標(biāo)記水平分隔線(xiàn)水平分割線(xiàn)水平線(xiàn)可以作為段落與段落之間的分隔線(xiàn)，使得文檔結(jié)構(gòu)清晰，層次分明?；菊Z(yǔ)法：<hrwidth=""size=""color=""align="">水平分隔線(xiàn)01：<!--程序3-16-->02：<html>03：<head>04：<title>水平分隔線(xiàn)</title>05：</head>06：<body>07：<center>08：關(guān)于我們09：<hr>10：五十個(gè)不同的分子，11：<hrsize="6">12：在不同狀態(tài)下進(jìn)入了同一容器，13：<hrwidth="40%">水平分隔線(xiàn)14：這就組成了我們的家——多媒體專(zhuān)業(yè)。15：<hrwidth="60"align="left">16：在這個(gè)容器里，我們碰撞著，摩擦著，產(chǎn)生了各色各樣的靈感，活力與情緒。17：<hrsize="6"width="30%"align="center"noshadecolor="red">18：</center>19：</body>20：</html>水平分隔線(xiàn)預(yù)格式化標(biāo)記預(yù)格式化標(biāo)記瀏覽器在顯示HTML頁(yè)面時(shí)候，通常會(huì)將頁(yè)面中所有的額外空白和回車(chē)進(jìn)行壓縮，并根據(jù)窗口寬度自動(dòng)換行。要想保留原始文字排版的格式，可以通過(guò)<pre>標(biāo)記來(lái)實(shí)現(xiàn)?；菊Z(yǔ)法：<pre>…</pre>預(yù)格式化標(biāo)記01：<!--程序3-17-->02：<html>03：<head>04：<title>原樣顯示文字標(biāo)記</title>05：</head>06：<body>07：<pre>08：請(qǐng)記住我們是一個(gè)團(tuán)體，09：10：不會(huì)丟下誰(shuí)，11：12：不會(huì)落下誰(shuí)。13：14：共同奮進(jìn)！！15：</pre>16：</body>17：</html>預(yù)格式化標(biāo)記忽略html標(biāo)記忽略標(biāo)記在HTML文件中，利用<xmp>標(biāo)記，可以使得該標(biāo)記后面的HTML標(biāo)記的作用被忽略，直接顯示在頁(yè)面中?；菊Z(yǔ)法：<xmp>…</xmp>忽略html標(biāo)記<!--程序3-19--><html><head><title>忽略HTML標(biāo)記</title></head><body>

基本語(yǔ)法：內(nèi)容<br><br>

作用：設(shè)置顯示字號(hào)。

<br><br>

示例：

<br><br><xmp><h3>這是h3標(biāo)記的例子</h3></xmp></body></html>忽略html標(biāo)記設(shè)置段落縮進(jìn)段落縮進(jìn)利用段落的縮進(jìn)，可以增加段落的層次效果?；菊Z(yǔ)法：<blockquote>…</blockquote>設(shè)置段落縮進(jìn)01：<!--程序3-18-->02：<html>03：<head>04：<title>段落縮進(jìn)</title>05：</head>06：<body>07：關(guān)于我們<br>08：<blockquote>09：<p>五十個(gè)不同的分子，在不同狀態(tài)下進(jìn)入了同一容器，</p><!--縮進(jìn)了5個(gè)字符-->10：</blockquote>11：<blockquote><blockquote>12：<p>這就組成了我們的家——083007班。<p>13：</blockquote></blockquote>14：<!--縮進(jìn)了10個(gè)字符-->15：</body>16：</html>設(shè)置段落縮進(jìn)小實(shí)例本節(jié)給出一個(gè)唐詩(shī)欣賞的頁(yè)面，在這個(gè)實(shí)例中綜合運(yùn)用本章所介紹的標(biāo)記對(duì)普通文字進(jìn)行格式化。小實(shí)例<!--程序3-21--><html><head><title>文字網(wǎng)頁(yè)</title></head><body><h2align=center>唐詩(shī)欣賞</h2><hrwidth="100%"size="1"color="#00ffee"><palign="center"><b><fontsize="3">靜夜思</font></b></p><palign="center"><fontsize="2">李白</font></p> <palign="center"><b>床前明月光，<br>

疑是地上霜。<br>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論