第2章 文本格式與超鏈接

第2章

文本格式與超鏈接知識要點(diǎn)（1）掌握段落標(biāo)記符p、斷行標(biāo)記符br、標(biāo)題標(biāo)記符h1~h6、水平線標(biāo)記符hr的用法（2）理解物理字符樣式和邏輯字符樣式（3）掌握使用ol/ul

和li標(biāo)記符創(chuàng)建列表（4）掌握使用a標(biāo)記符創(chuàng)建頁面鏈接和錨點(diǎn)鏈接本章目標(biāo)（1）段落格式段落格式是指針對HTML文檔中的段落所設(shè)置的格式，例如段落的對齊方式。段落格式還有哪些段落格式？01首行縮進(jìn)是不是段落格式？段間距呢？021．段落格式（1）段落格式Part1分段標(biāo)記符用于將文檔劃分為段落，標(biāo)記為<p></p>Part2換行標(biāo)記符用于在文檔中強(qiáng)制斷行，標(biāo)記為一個單獨(dú)的<br/>2．分段標(biāo)記符（1）段落格式hn標(biāo)記符=各級標(biāo)題n是1至6的數(shù)字；h1表示最大的標(biāo)題，h6表示最小的標(biāo)題注意：使用標(biāo)題時應(yīng)按照其邏輯含義，而不是按照其顯示效果！3．標(biāo)題樣式（1）段落格式添加水平線的標(biāo)記符為hr，它包括以下屬性：size（粗細(xì)）width（長度）noshade（實(shí)線）4．添加水平線（1）段落格式1align屬性用于設(shè)置段落的對齊格式，取值：right（右對齊）、left（左對齊）、center（居中對齊）和justify（兩端對齊）2align屬性可應(yīng)用于多種標(biāo)記符，例如p、hn（標(biāo)題標(biāo)記符）、hr等注意：在學(xué)習(xí)了CSS技術(shù)之后應(yīng)避免使用align屬性。5．a(chǎn)lign屬性（1）段落格式4．段落格式示例（2）字體格式與列表字體格式/字符格式是指針對段落中的部分文字所設(shè)置的格式，通常包括：1．字體格式字體樣式01字號02文字顏色03注意：字體格式屬于顯示效果的設(shè)置，因此應(yīng)主要使用CSS技術(shù)來實(shí)現(xiàn)。（2）字體格式與列表物理字符樣式是指標(biāo)記符本身說明了所修飾的效果。常用物理字符樣式標(biāo)記符有：2．物理字符樣式01黑體標(biāo)記<b></b>02斜體標(biāo)記<i></i>03下劃線標(biāo)記<u></u>（2）字體格式與列表邏輯字符樣式是指標(biāo)記符本身說明了所修飾效果的邏輯含義，例如address標(biāo)記符。常用邏輯字符樣式：3．邏輯字符樣式01<strong></strong>02<em></em>03<code></code>（2）字體格式與列表有序列表是一種在表的各項(xiàng)前顯示有數(shù)字或字母的縮排列表，表示一種順序的關(guān)系。定義有序列表的語法如下：4．有序列表<oltype=”1|A|a|I|i”><li>Listitem1</li><li>Listitem2</li></ol>屬性type用來設(shè)置數(shù)字序列樣式，取值為：1、A、a、I、i。（2）字體格式與列表無序列表是一種在表的各項(xiàng)前顯示有特殊項(xiàng)目符號的縮排列表，表示并列關(guān)系。定義無序列表的語法如下：5．無序列表<ultype=”disc|circle|square”><li>Listitem1</li><li>Listitem2</li></ul>（2）字體格式與列表6．嵌套列表（2）字體格式與列表7．文本元素總結(jié)塊元素h#換行br展示元素bp通用元素diviprespanuaddress列表ulsmallblockquoteolhr行內(nèi)元素emlistrongsubsup（2）字體格式與列表8．核心文檔結(jié)構(gòu)元素01h1~h302p03ul,ol,li（3）超鏈接URL（UniversalResourcesLocator）用于定位Web上的文檔信息。一個URL包括3部分：1．超鏈接基礎(chǔ)協(xié)議01計(jì)算機(jī)地址02文件路徑03（3）超鏈接絕對URL是指資源的完整地址，包括所有3個部分：絕對URL協(xié)議01計(jì)算機(jī)02文檔名03（3）超鏈接相對URL是指Internet上資源相對于當(dāng)前頁面的地址，它包含從當(dāng)前頁面指向目標(biāo)頁面位置的路徑。使用相對URL的好處：易于維護(hù)。使用相對URL時，經(jīng)常使用兩個與DOS類似的符號：相對URLPart1句點(diǎn)（.）表示當(dāng)前目錄Part2雙重句點(diǎn)（..）表示當(dāng)前目錄的上一級目錄（3）超鏈接根據(jù)超鏈接的目標(biāo)文件不同，分為：2．不同類型的超鏈接超鏈接網(wǎng)頁之間的超鏈接01頁面內(nèi)的超鏈接02文件下載超鏈接03Email超鏈接04空超鏈接05（3）超鏈接根據(jù)超鏈接源對象的不同，分為01文本超鏈接02圖像超鏈接（包括圖像映射）03對象超鏈接（例如Flash、Java小程序）（3）超鏈接根據(jù)超鏈接實(shí)現(xiàn)方式的不同，分為：HTML超鏈接01JavaScript超鏈接02對象超鏈接03（3）超鏈接a標(biāo)記符用于創(chuàng)建超鏈接，href屬性用于指定超鏈接的目標(biāo)文件。3．創(chuàng)建超鏈接1內(nèi)部網(wǎng)頁超鏈接<ahref=wow.htm>關(guān)于魔獸世界</a>2外部網(wǎng)頁超鏈接<ahref=>Microsoft</a>（3）超鏈接<ahref=頁面的URL#該文件中的錨點(diǎn)>link</a><ahref=#>blanklink</a><ahref="圖2-5.htm#yyjb">夜雨寄北</a>（3）超鏈接使用頁面內(nèi)的超鏈接，首先需要定義錨點(diǎn)，然后在超鏈接中指向該錨點(diǎn)。定義錨點(diǎn)應(yīng)使用<aname=xxx></a>

指向錨點(diǎn)的超鏈接為：錨點(diǎn)鏈接<ahref=#錨點(diǎn)名稱>link</a>指向其他頁面內(nèi)錨點(diǎn)的超鏈接：（3）超鏈接<ahref=mailto:i@>Email</a>控制命令：?subject=設(shè)置信件主題?cc=設(shè)置抄送人?bcc=設(shè)置密件抄送人&組合多個控制命令（