商務(wù)網(wǎng)頁(yè)第4課課件

1、3.2.4 設(shè)置文本段落因?yàn)镠TML文檔是純文本，會(huì)忽略空白符。如果不使用段落標(biāo)簽，文檔就會(huì)連續(xù)顯示，效果不好。要想保證正常的分段換行的話，必須指出哪些文字是屬于同一段落的，這時(shí)就要使用段落標(biāo)簽(雖然使用換行符也給起到換行的作用，但建議使用段落標(biāo)簽設(shè)置段落，更加易于閱讀和整體顯示控制)。使用段落標(biāo)簽后，瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。設(shè)置文本段落必須使用段落標(biāo)簽及其align屬性，其設(shè)置方法為文檔段落實(shí)例其中，align水平對(duì)齊屬性值有l(wèi)eft、center、right、justify。以下是設(shè)置文本段落的代碼示例： 段落標(biāo)簽示例 第1段：因?yàn)镠TML文檔是純文本，會(huì)忽略空白符。如果不使用

2、段落標(biāo)簽，文檔就會(huì)連續(xù)顯示，效果不好。要想保證正常的分段換行的話，必須指出哪些文字是屬于同一段落的，這時(shí)就要使用段落標(biāo)簽。 第2段：使用段落標(biāo)簽后，瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。 3.2.5 設(shè)置文本列表文本列表分為無(wú)序列表和有序列表。無(wú)序列表是指列表沒(méi)有數(shù)字標(biāo)識(shí)順序的，常在列表項(xiàng)的前面使用“、”等符號(hào)增強(qiáng)顯示效果；而有序條列就是指各列表項(xiàng)之間是有數(shù)字標(biāo)識(shí)順序的，比如1、2、31設(shè)置無(wú)序列表設(shè)置無(wú)序列表使用列表標(biāo)簽、列表項(xiàng)標(biāo)簽及其type屬性，設(shè)置方法為： 列表項(xiàng)實(shí)例1 列表項(xiàng)實(shí)例2 . type屬性有3個(gè)數(shù)值可選：disc（實(shí)心圓）、circle（空心圓）、square（小方塊）。默認(rèn)

3、屬性是disc實(shí)心圓。 無(wú)序列表設(shè)置 默認(rèn)無(wú)序列表效果 設(shè)置type=disc（默認(rèn)）效果 設(shè)置type=circle效果 設(shè)置type=square效果 2設(shè)置有序列表設(shè)置有序列表需要使用列表標(biāo)簽及其type和start屬性，以及列表項(xiàng)標(biāo)簽及其value屬性（強(qiáng)制指定序號(hào)），設(shè)置方法為 列表項(xiàng)實(shí)例1 列表項(xiàng)實(shí)例2 列表項(xiàng)實(shí)例3 . 其中，type屬性指定有序列表項(xiàng)的符號(hào)的類(lèi)型，如用英文字母編號(hào)、數(shù)字編號(hào)等。start屬性指定列表項(xiàng)開(kāi)始的數(shù)值。如start=2則編號(hào)從2開(kāi)始編號(hào)，如果從1開(kāi)始可以省略start。有序列表type的屬性及其含義如表3.15所示。表3.15 有序列表type的屬性及

4、其含義屬性值含義描述1指定列表項(xiàng)用小寫(xiě)阿拉伯?dāng)?shù)字編號(hào)（如：1、2、3）a指定列表項(xiàng)用小寫(xiě)英文字母編號(hào)（如：a、b、c）A指定列表項(xiàng)用大寫(xiě)英文字母編號(hào)（如：A、B、C）i指定列表項(xiàng)用小寫(xiě)羅馬數(shù)字編號(hào)（如：i、ii、iii）I指定列表項(xiàng)用大寫(xiě)羅馬數(shù)字編號(hào)（如：I、II、III） 有序列表設(shè)置 默認(rèn)有序列表效果 默認(rèn)有序列表效果 默認(rèn)有序列表效果 列表一 列表二 列表三 列表四 列表一 列表二 列表三 3.2.6 制作文本網(wǎng)頁(yè)綜合范例前面我們已經(jīng)學(xué)習(xí)了關(guān)于文本設(shè)置的方式方法，如何才能活學(xué)活用這些方法呢？需要大家根據(jù)網(wǎng)頁(yè)的實(shí)際需求，合理編排設(shè)計(jì)，并制作出美觀的網(wǎng)頁(yè)。頁(yè)面分析：“第 3 章網(wǎng)頁(yè)制作技術(shù)”

5、應(yīng)當(dāng)為一級(jí)標(biāo)題，綠色字、宋體、粗體、字的大小為6，位于中央?！暗?1 節(jié)網(wǎng)頁(yè)基礎(chǔ)知識(shí)”應(yīng)當(dāng)為二級(jí)標(biāo)題，藍(lán)色字、幼圓、粗體、字的大小為5，位于中央。其下方有一條水平線美化界面?！耙?、互聯(lián)網(wǎng)的功能”應(yīng)當(dāng)為三級(jí)標(biāo)題，紅色字、黑體、粗體、字的大小為4，位于左側(cè)?！盎ヂ?lián)網(wǎng)的英文名稱(chēng)為巨大國(guó)際網(wǎng)絡(luò)?！睘橐粋€(gè)文本段落，灰色字、楷體、字的大小為3，左側(cè)對(duì)齊。其下方有一條水平線美化界面。“（一）主要功能”應(yīng)當(dāng)為四級(jí)標(biāo)題，紅色字、楷體、粗體、字的大小為3.5，位于左側(cè)。“1.電子郵件服務(wù)、2.遠(yuǎn)程登錄服務(wù)、3.文件傳輸服務(wù)、4.WWW 服務(wù)”為有序列表，粉色字、宋體、下劃線、字的大小為3。列表項(xiàng)采用小寫(xiě)阿拉伯?dāng)?shù)字

6、編號(hào)，從1 開(kāi)始編號(hào)，位于左側(cè)。其下方有一條水平線美化界面?！埃ǘ┢渌δ堋睉?yīng)當(dāng)為四級(jí)標(biāo)題，黑色字、楷體、粗體、字的大小為3.5，位于左側(cè)?！癎opher 服務(wù)、Archie 服務(wù)、電子公告欄、網(wǎng)絡(luò)新聞服務(wù)、WHOIS 服務(wù)”為無(wú)序列表，黑色字、仿宋、斜體、字的大小為3。列表項(xiàng)采用實(shí)心圓強(qiáng)調(diào)顯示，位于左側(cè)。 文本網(wǎng)頁(yè)綜合范例 第3章 網(wǎng)頁(yè)制作技術(shù) 第1節(jié) 網(wǎng)頁(yè)基礎(chǔ)知識(shí) 一、互聯(lián)網(wǎng)的功能 互聯(lián)網(wǎng)的英文名稱(chēng)為Internet，又稱(chēng)網(wǎng)際互聯(lián)網(wǎng)，或音譯為因特網(wǎng)、英特網(wǎng)?；ヂ?lián)網(wǎng)始于1969年美國(guó)國(guó)防部高級(jí)研究計(jì)劃署（DARAP）研究的用于支持軍事研究的計(jì)算機(jī)實(shí)驗(yàn)網(wǎng)絡(luò)（即阿帕網(wǎng)，ARPAnet），之后逐漸發(fā)展成為全球互連的龐大網(wǎng)絡(luò)。這些網(wǎng)絡(luò)與網(wǎng)絡(luò)之間以一組通用的協(xié)議相連，形成邏輯上的單一巨大