第三章網頁文字與段落_第1頁
第三章網頁文字與段落_第2頁
第三章網頁文字與段落_第3頁
第三章網頁文字與段落_第4頁
第三章網頁文字與段落_第5頁
已閱讀5頁，還剩32頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

空格符等特殊符號常用編輯內容標簽3.1.1注釋注釋標簽用來在源文檔中插入注釋，注釋會被瀏覽器忽略。基本語法 <comment>…</comment>

<!--…-->語法解析：使用上述兩種表示方法都可以代表注釋語句；開始使用<!--或<comment>，結束使用-->或</comment>，中間為注釋內容。注意：一般情況下使用<!--…-->注釋網頁內容，部分瀏覽器不支持<comment>注釋，如Firefox。3.1.2空格符號HTML頁面中空格符號是通過代碼進行控制的。基本語法：

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

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

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

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

如果希望更改頁面中的字體、字號和顏色，最佳的選擇是使用<font>標簽。<font>字體標記用于控制文字的字體、大小與顏色。控制的方式是利用屬性設置來實現的。基本語法：<fontface="font_name,font_name,…"

size="value"

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

<b>…</b>

<strong>…</strong>語法解釋：這兩個標簽都可以表現文字粗體的效果。斜體基本語法：

<i>…</i>

<em>…</em>

<cite>…</cite>語法解釋：這3個標簽都可以表現文字斜體的效果。下劃線基本語法：<u>…</u>語法解釋：將文字放在標簽中間就可以實現文字的下劃線效果。刪除線基本語法：<s>…</s>

<strike>…</strike>語法解釋：這兩個標簽都可以在文字的中間添加刪除線。3.3.2文字的上下標常見的數學表達式，可以將一段文字以小字體的方式顯示另一段文字的右上角或右下角，這就是上下標效果。基本語法：

<sup>…</sup>

<sub>…</sub>語法解釋：<sup>實現上標效果，<sub>實現下標效果。3.3.3標題文字標題（Heading）是通過<h1>-<h6>等標簽進行定義的。<h1>定義最大的標題。<h6>定義最小的標題。基本語法：

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

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

<p>

<palign="參數"

>思考：

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

語法解釋：<center>和</center>標簽之間的文字就會實現自動居中對齊的效果（同時具有換行效果）。3.4.6縮排HTML縮排標簽為<blockquote>。使用縮排標簽，可以實現頁面文字的段落縮排效果，若想實現多次縮排則可以多次使用縮排標簽。基本語法：<blockquote>…</blockquote>語法解釋：在要縮進的文本前加入<blockquote>標簽以及在文本后加入</blockquote>標簽，即可向右縮進方式顯示該段文本。3.4.7忽略HTML標簽HTML忽略標簽：<plaintext>或<xmp>。基本語法：

<plaintext>…

<xmp>…</xmp>語法解釋：在HTML語言中加入<plaintext>或<xmp>標簽，可以將在該標簽后的HTML標簽失去標示作用，而將內容直接顯示在網頁頁面中。3.4.8水平線水平線標簽為<hr>，用于在段落與段落之間進行分隔，從而使文檔的結構清晰明了，以及文字的編排整齊規范。水平線自身具有很多的屬性，如寬度、高度、顏色和排列對齊等。基本語法：

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

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

某些標記稱為"單標簽"，因為它只需單獨使用就能完整地

溫馨提示

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

評論

0/150

提交評論