資源描述:
《通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容HTML及其功能利用.ppt》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在PPT專區(qū)-天天文庫。
1、通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容:HTML及其功能利用HTML創(chuàng)建和測(cè)試Web頁的方法利用HTML設(shè)置標(biāo)題和文字利用HTML設(shè)置段落利用HTML進(jìn)行文本格式的處理利用FrontPage2003和Dreamweaver8處理文本第3章網(wǎng)頁文本的處理3.1利用HTML處理文本3.1.1HTML基礎(chǔ)一名網(wǎng)頁設(shè)計(jì)高手,就必需掌握HTML語言。HTML是網(wǎng)絡(luò)的通用語言,它允許設(shè)計(jì)者建立文本與圖像相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何人瀏覽,無論使用的是什么類型的電腦或?yàn)g覽器。HTML作為一種網(wǎng)頁編輯語言,
2、易學(xué)易懂,能制作出精美的網(wǎng)頁效果,其他的專用網(wǎng)頁編輯器(如FrontPage、Dreamweaver)都是以HTML為基礎(chǔ)的。1.標(biāo)記符標(biāo)記符又稱標(biāo)簽,HTML是影響網(wǎng)頁內(nèi)容顯示格式的標(biāo)記符集合,瀏覽器根據(jù)標(biāo)記符決定網(wǎng)頁的實(shí)際顯示效果。在HTML中,所有的標(biāo)記符都用尖括號(hào)括起來。例如,表示HTML標(biāo)記符。絕大多數(shù)標(biāo)記符都是成對(duì)出現(xiàn)的,包括開始標(biāo)記符和結(jié)束標(biāo)記符。開始標(biāo)記符和相應(yīng)的結(jié)束標(biāo)記符定義了標(biāo)記符所影響的范圍。結(jié)束標(biāo)記符與開始標(biāo)記符的區(qū)別是有一個(gè)斜線。如:…
3、L>.屬性是用來描述對(duì)象特征的特性。在HTML中,所有的屬性都放置在開始標(biāo)記符的尖括號(hào)里,屬性與標(biāo)記符之間用空格分隔,屬性的值放在相應(yīng)屬性之后,用等號(hào)分隔,而不同的屬性之間用空格分隔。格式為:<標(biāo)記符屬性1=屬性值1屬性2=屬性值2…>受影響的內(nèi)容標(biāo)記符>HTML屬性通常也不區(qū)分大小寫。本書中為了區(qū)分標(biāo)記符及其屬性,標(biāo)記符均使用大寫字母表示,而屬性均使用小寫字母表示。HTML標(biāo)記符是不區(qū)分大小寫的,但通常約定標(biāo)記符使用大寫字母,這有利于HTML文檔的維護(hù)。2.HTML文檔的基本結(jié)構(gòu)
4、>
文本標(biāo)題文本內(nèi)容這兩個(gè)標(biāo)記符是HTML文檔的標(biāo)記符。處于文檔的最前端,表示文檔的開始,即瀏覽器從開始解釋。而則位于文件的最后一行,這樣的結(jié)果表示這一整份的文檔都是HTML語法的文檔。(1)HTML標(biāo)記符是HTML文件頭標(biāo)記符,用來描述HTML首部的內(nèi)容,說明文檔的整體信息。所有首部信息并不會(huì)出現(xiàn)在利用WWW瀏覽
5、器所看到的窗體中。
通常與某些標(biāo)記符一起使用,如
標(biāo)記符。(2)HEAD標(biāo)記符(3)TITLE標(biāo)記符
指的是一份文檔的標(biāo)題。通常來說,每一份文檔都應(yīng)該有一個(gè)標(biāo)題來簡述這一份文檔的特色或是主題。對(duì)于WWW瀏覽器而言,標(biāo)題所在的位置雖然依照瀏覽器的不同而不同,但是大部分都位于瀏覽器的最上方。(4)BODY標(biāo)記符指的是定義出一個(gè)HTML文檔的體部,位于首部下面。在標(biāo)記符內(nèi)的文字,所有使
6、用標(biāo)記符的地方都可以經(jīng)瀏覽器正確地顯示在瀏覽器窗體中。
也是一個(gè)建議選項(xiàng)。3.創(chuàng)建和測(cè)試Web頁(1)創(chuàng)建Web頁由于HTML文件的實(shí)質(zhì)就是文本文件,因此可以用任何文本編輯器編輯HTML文件,通常可以使用Windows系統(tǒng)中的“記事本”程序。(2)測(cè)試Web頁保存了Web頁之后,在所選擇的文件夾中將包含所創(chuàng)建的Web頁,該Web頁文件左邊有一個(gè)圖標(biāo),表示可以由IE將其打開。找到剛創(chuàng)建的Web頁并用鼠標(biāo)左鍵雙擊,則可以自動(dòng)啟動(dòng)IE瀏覽器,此時(shí)所創(chuàng)建Web頁中的內(nèi)容將在瀏覽器中顯示。3.1
7、.2標(biāo)題處理在HTML中,用戶可以通過Hn標(biāo)記符來標(biāo)識(shí)文檔中的標(biāo)題和副標(biāo)題,其中n是1到6的數(shù)字。
表示最大的標(biāo)題,表示最小的標(biāo)題。使用標(biāo)題樣式時(shí),必須使用結(jié)束標(biāo)記符。標(biāo)題文字標(biāo)記符的格式:標(biāo)題文字屬性align用來設(shè)置標(biāo)題在頁面中的對(duì)齊方式:left(左對(duì)齊)、center(居中)或right(右對(duì)齊)。3.1.3段落處理在HTML中段落處理是通過段落標(biāo)記來完成的,常用的段落標(biāo)記符有:注釋標(biāo)記符、強(qiáng)制換行標(biāo)記符、強(qiáng)制換段標(biāo)記符、分區(qū)顯示標(biāo)8、記符和水平線等。HTML的注釋標(biāo)記符的格式為:注釋并不局限于一行,長度不受限制。結(jié)束標(biāo)記符不必與開始標(biāo)記符在同一行。注釋的內(nèi)容不在瀏覽器中顯示。1.注釋標(biāo)記符2.強(qiáng)制換行標(biāo)記符強(qiáng)制換行標(biāo)記符為
,放在一行的末尾,可以使后面的文字、圖片、表格等顯示于下一行,而又不會(huì)在行與行之間留下空行,即強(qiáng)制文本換行。強(qiáng)制換行標(biāo)記符的格式為:文字
瀏覽器解釋時(shí),從該處換行。換行標(biāo)記符單獨(dú)使用,可使頁面清晰、整齊。3.強(qiáng)制換段標(biāo)記符換段標(biāo)記符有兩個(gè):一個(gè)為強(qiáng)制換段標(biāo)記符,另一個(gè)為設(shè)