第三章網(wǎng)頁(yè)文字與段落_第1頁(yè)
第三章網(wǎng)頁(yè)文字與段落_第2頁(yè)
第三章網(wǎng)頁(yè)文字與段落_第3頁(yè)
第三章網(wǎng)頁(yè)文字與段落_第4頁(yè)
第三章網(wǎng)頁(yè)文字與段落_第5頁(yè)
已閱讀5頁(yè)，還剩32頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

第三章文字與段落本章內(nèi)容3.1編輯內(nèi)容3.2文字效果3.3文字的修飾3.4段落3.1編輯內(nèi)容3.1.1注釋3.1.2空格符號(hào)3.1.3特殊符號(hào)在瀏覽器中顯示的文字內(nèi)容需要編寫在<body>標(biāo)簽中，這些內(nèi)容包括普通的文字、空格符和特殊符號(hào)以及頁(yè)面的注釋語(yǔ)句等。常用的編輯內(nèi)容標(biāo)簽如下表所示：標(biāo)簽含義<comment>注釋<!--…-->

空格符等特殊符號(hào)常用編輯內(nèi)容標(biāo)簽3.1.1注釋注釋標(biāo)簽用來在源文檔中插入注釋，注釋會(huì)被瀏覽器忽略?；菊Z(yǔ)法 <comment>…</comment>

<!--…-->語(yǔ)法解析：使用上述兩種表示方法都可以代表注釋語(yǔ)句；開始使用<!--或<comment>，結(jié)束使用-->或</comment>，中間為注釋內(nèi)容。注意：一般情況下使用<!--…-->注釋網(wǎng)頁(yè)內(nèi)容，部分瀏覽器不支持<comment>注釋，如Firefox。3.1.2空格符號(hào)HTML頁(yè)面中空格符號(hào)是通過代碼進(jìn)行控制的?；菊Z(yǔ)法：

語(yǔ)法解析：一個(gè)半角空格使用一個(gè) 表示，多個(gè)空格只需使用多次即可。注意：在建立HTML文件時(shí)，若利用鍵盤上的空格鍵來輸入數(shù)個(gè)空格，則不論輸入的空格有多少個(gè)，都將被視為一個(gè)。3.1.3特殊符號(hào)

和空格的表示方法有些相似，一些特殊符號(hào)是憑借特殊的符號(hào)碼來實(shí)現(xiàn)的。通常由前綴"&"，加上字符對(duì)應(yīng)的名稱，再加上后綴";"組成。其源代碼中輸入相應(yīng)的符號(hào)碼，即可顯示符號(hào)。特殊符號(hào)表特殊符號(hào)符號(hào)碼特殊符號(hào)符號(hào)碼""§§&&￠¢<<￥¥>>··?©€€?®￡£±±?™××3.2文字效果3.2.1基準(zhǔn)文字（第二章已經(jīng)講過）3.2.2文字樣式設(shè)置文字效果有兩個(gè)標(biāo)簽，分別為<font>和<basefont>，其中含義如下表所示：標(biāo)簽含義<basefont>基準(zhǔn)文字<font>文字文字效果3.2.1基準(zhǔn)文字基本語(yǔ)法：

<basefontface="font_name1,font_name2,…"size="value"color="value">語(yǔ)法解析：

face定義了字體，多種字體間用","分開；size定義了字號(hào)，value取值范圍為1~7或-1~-7或+1~+7；color定義了顏色，value值為英文名稱或十六進(jìn)制代碼。3.2.2文字樣式

如果希望更改頁(yè)面中的字體、字號(hào)和顏色，最佳的選擇是使用<font>標(biāo)簽。<font>字體標(biāo)記用于控制文字的字體、大小與顏色?？刂频姆绞绞抢脤傩栽O(shè)置來實(shí)現(xiàn)的?；菊Z(yǔ)法：<fontface="font_name,font_name,…"

size="value"

color="value">…</font>語(yǔ)法解析：face屬性定義了字體；size屬性定義字號(hào)，value取值范圍為1~7或者+1~+7、-1~-7；color屬性定義了顏色，value取值為顏色的名稱或者十六進(jìn)制代碼。3.3文字的修飾3.3.1文字的基本修飾3.3.2文字的上下標(biāo)3.3.3標(biāo)題文字3.3.4其他修飾HTML標(biāo)簽類型HTML修飾標(biāo)簽表標(biāo)簽含義標(biāo)簽含義<b>粗體<u>下劃線<strong>粗體<s>刪除線<i>斜體（強(qiáng)調(diào)）<strike>刪除線<em>斜體（標(biāo)記）<address>地址<cite>斜體<tt>打字機(jī)文字<sup>上標(biāo)<blink>閃爍文字Netscape<sub>下標(biāo)<code>等寬<big>大字號(hào)<samp>等寬<small>小字號(hào)<kbd>鍵盤輸入文字<var>聲明變量3.3.1文字的基本修飾字符級(jí)格式化用于對(duì)單個(gè)字母或單詞進(jìn)行強(qiáng)調(diào)。文字的基本修飾包括粗體、斜體、下劃線及刪除線等。粗體基本語(yǔ)法：

<b>…</b>

<strong>…</strong>語(yǔ)法解釋：這兩個(gè)標(biāo)簽都可以表現(xiàn)文字粗體的效果。斜體基本語(yǔ)法：

<i>…</i>

<em>…</em>

<cite>…</cite>語(yǔ)法解釋：這3個(gè)標(biāo)簽都可以表現(xiàn)文字斜體的效果。下劃線基本語(yǔ)法：<u>…</u>語(yǔ)法解釋：將文字放在標(biāo)簽中間就可以實(shí)現(xiàn)文字的下劃線效果。刪除線基本語(yǔ)法：<s>…</s>

<strike>…</strike>語(yǔ)法解釋：這兩個(gè)標(biāo)簽都可以在文字的中間添加刪除線。3.3.2文字的上下標(biāo)常見的數(shù)學(xué)表達(dá)式，可以將一段文字以小字體的方式顯示另一段文字的右上角或右下角，這就是上下標(biāo)效果?；菊Z(yǔ)法：

<sup>…</sup>

<sub>…</sub>語(yǔ)法解釋：<sup>實(shí)現(xiàn)上標(biāo)效果，<sub>實(shí)現(xiàn)下標(biāo)效果。3.3.3標(biāo)題文字標(biāo)題（Heading）是通過<h1>-<h6>等標(biāo)簽進(jìn)行定義的。<h1>定義最大的標(biāo)題。<h6>定義最小的標(biāo)題?；菊Z(yǔ)法：

<hn>…</hn>語(yǔ)法解釋：n的取值為1~6。瀏覽器會(huì)自動(dòng)地在標(biāo)題的前后添加空行。請(qǐng)確保將HTMLheading標(biāo)簽只用于標(biāo)題。不要僅僅是為了產(chǎn)生粗體或大號(hào)的文本而使用標(biāo)題，搜索引擎使用標(biāo)題為您的網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引。3.3.4其他修飾大字號(hào)<big>…</big>小字號(hào)<small>…</small>地址文字<address>…</address>打字機(jī)<tt>…</tt>鍵盤文字<kbd>…</kbd>等寬文字<code>…</code>聲明變量文字<var>…</var>3.4段落3.4.1換行3.4.2段落3.4.3不換行3.4.4預(yù)格式化3.4.5居中3.4.6縮排3.4.7忽略HTML標(biāo)簽3.4.8水平線標(biāo)簽列表標(biāo)簽含義<p>段落<br>換行<nobr>不換行<pre>預(yù)格式化<center>居中<blockquote>縮排<plaintext>忽略HTML標(biāo)簽<xmp><hr>水平線3.4.1換行<br>標(biāo)簽表示強(qiáng)制換行。換行標(biāo)簽是一個(gè)沒有結(jié)尾的標(biāo)簽，即無結(jié)束標(biāo)簽。此類標(biāo)簽稱之為單標(biāo)簽，也叫空標(biāo)簽。在任何位置使用了<br>標(biāo)簽，當(dāng)文件顯示在瀏覽器中時(shí)，該標(biāo)簽之后的內(nèi)容將顯示下一行。3.4.2段落HTML中，段落主要由標(biāo)簽<p>定義。由<p>標(biāo)記所標(biāo)識(shí)的文字，代表同一個(gè)段落的文字。不同段落間的間距等于連續(xù)兩個(gè)換行符，即隔一行空白行，以區(qū)別文字的不同段落。單獨(dú)使用時(shí)，下一個(gè)<P>的開始就意味著上一個(gè)<P>的結(jié)束，良好的習(xí)慣是成對(duì)使用。注：p為單詞paragraph

[｀p?r?grɑ:f]的首字母。格式：

<p>

<palign="參數(shù)"

>思考：

在一行文字中間輸入p，可以空出一行，那如果想空多行怎么辦？left：左對(duì)齊center：中對(duì)齊right：右對(duì)齊段落.html3.4.3不換行如果瀏覽器中單行文字的寬度過長(zhǎng)，則會(huì)自動(dòng)將該文字換行顯示，若要取消文字因窗口大小而產(chǎn)生的換行，就可以使用<nobr>標(biāo)記。基本語(yǔ)法：<nobr>…</nobr>語(yǔ)法解釋：<nobr>標(biāo)簽和</nobr>標(biāo)簽之間的文字會(huì)顯示不自動(dòng)換行的效果。補(bǔ)充：<wbr>標(biāo)簽，在禁止換行標(biāo)記中強(qiáng)制換行，屬于單標(biāo)簽，即無結(jié)束標(biāo)簽<body><p><nobr>時(shí)間，每天得到的都是二十四小時(shí)，可是一天的時(shí)間<wbr>給勤勉的人帶來智慧與力量，給懶散的人只能留下一片悔恨?！斞?lt;/nobr></p></body>3.4.4預(yù)格式化預(yù)格式化，就是保留文字在源代碼中的格式，頁(yè)面中顯示的和源代碼中的效果完全一致。瀏覽器在顯示其中的內(nèi)容時(shí)，會(huì)完全按照其真正的文本格式來顯示、原封不動(dòng)地保留文檔中的空白、空格及制表符等。HTML中，在通過瀏覽器顯示時(shí)保留某段文本原始文件排版方式，只需在該段文本前后加上<pre>和</pre>標(biāo)記即可。基本語(yǔ)法：<pre>…</pre>3.4.5居中如果希望使段落或文字居中對(duì)齊，可以使用專門的居中標(biāo)簽。被<center>標(biāo)記所包含的組件，將以居中對(duì)齊的方式顯示在網(wǎng)頁(yè)中?；菊Z(yǔ)法：<center>…</center>

語(yǔ)法解釋：<center>和</center>標(biāo)簽之間的文字就會(huì)實(shí)現(xiàn)自動(dòng)居中對(duì)齊的效果（同時(shí)具有換行效果）。3.4.6縮排HTML縮排標(biāo)簽為<blockquote>。使用縮排標(biāo)簽，可以實(shí)現(xiàn)頁(yè)面文字的段落縮排效果，若想實(shí)現(xiàn)多次縮排則可以多次使用縮排標(biāo)簽?；菊Z(yǔ)法：<blockquote>…</blockquote>語(yǔ)法解釋：在要縮進(jìn)的文本前加入<blockquote>標(biāo)簽以及在文本后加入</blockquote>標(biāo)簽，即可向右縮進(jìn)方式顯示該段文本。3.4.7忽略HTML標(biāo)簽HTML忽略標(biāo)簽：<plaintext>或<xmp>?；菊Z(yǔ)法：

<plaintext>…

<xmp>…</xmp>語(yǔ)法解釋：在HTML語(yǔ)言中加入<plaintext>或<xmp>標(biāo)簽，可以將在該標(biāo)簽后的HTML標(biāo)簽失去標(biāo)示作用，而將內(nèi)容直接顯示在網(wǎng)頁(yè)頁(yè)面中。3.4.8水平線水平線標(biāo)簽為<hr>，用于在段落與段落之間進(jìn)行分隔，從而使文檔的結(jié)構(gòu)清晰明了，以及文字的編排整齊規(guī)范。水平線自身具有很多的屬性，如寬度、高度、顏色和排列對(duì)齊等?；菊Z(yǔ)法：

<hrwidth=＂value＂size=＂value＂noshade=＂noshade＂

color=＂value＂align=＂value＂>語(yǔ)法解釋：缺省情況下，水平線顯示為帶陰影的橫線，橫跨整個(gè)瀏覽器窗口?？梢酝ㄟ^相應(yīng)屬性改變水平標(biāo)尺的陰影、寬度、高度和對(duì)齊方式。水平線屬性表屬性描述width寬度，可以是以絕對(duì)的像素單位，也可以是以相對(duì)的百分比單位size高度，只能使用絕對(duì)的像素來定義color顏色，用于定義水平線的顏色noshade無陰影，可以在頁(yè)面中去掉水平線的陰影align排列，設(shè)置水平線的居左、居中和居右對(duì)齊本章總結(jié)3.1編輯內(nèi)容3.1.1注釋3.1.2空格符號(hào)3.1.3特殊符號(hào)3.2文字效果3.2.1基底文字3.2.2文字樣式3.3文字的修飾3.3.1文字的基本修飾3.3.2文字的上下標(biāo)3.3.3標(biāo)題文字3.3.4其他修飾3.4段落3.4.1換行3.4.2段落3.4.3不換行3.4.4預(yù)格式化3.4.5居中3.4.6縮排3.4.7忽略HTML標(biāo)簽3.4.8水平線補(bǔ)充：標(biāo)簽分類11、單標(biāo)簽（空標(biāo)簽）

某些標(biāo)記稱為"單標(biāo)簽"，因?yàn)樗恍鑶为?dú)使用就能完整地

溫馨提示

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

評(píng)論

0/150

提交評(píng)論