資源描述:
《超文本標(biāo)記語(yǔ)言》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、第2章網(wǎng)頁(yè)設(shè)計(jì)的基本描述語(yǔ)言HTML2.1HTML概述2.2HTML文檔的構(gòu)成2.3HTML元素2.1HTML概述HTML(HypertextMarkupLanguage):是一種規(guī)范,是一種標(biāo)準(zhǔn)。他是通過(guò)標(biāo)記符(tag)來(lái)標(biāo)記顯示網(wǎng)頁(yè)的各個(gè)部分。所有網(wǎng)頁(yè)都是HTML格式的文件。HTML通過(guò)元素來(lái)告訴瀏覽器如何處理兩個(gè)標(biāo)記符之間的信息。HTML元素的格式:<標(biāo)記>正文標(biāo)記>2.2HTML文檔的構(gòu)成網(wǎng)頁(yè)總是以標(biāo)記開(kāi)始,在文件的末尾以結(jié)束,表示文件是HTML格式。網(wǎng)頁(yè)文件通常有兩部分組成:頭部(head)和主體(body)。1
2、.HTML文檔的基本結(jié)構(gòu)
……HTML文件的正文寫(xiě)在這里標(biāo)記和標(biāo)記對(duì)注釋標(biāo)記(1)格式:(2)功能與說(shuō)明:注釋內(nèi)容不顯示在網(wǎng)頁(yè)上;主要功能是提高代碼的可讀性.2.HTML元素<標(biāo)記名屬性名="屬性值"…>內(nèi)容標(biāo)記名>起始標(biāo)記結(jié)束標(biāo)記,有些標(biāo)記可以省寫(xiě)結(jié)束標(biāo)記2.3HTML元素類(lèi)別允許包含的元素文檔結(jié)構(gòu)元素HTML,HEAD,BODY,FRAMESET頭部元素TITLE,META,LINK,BASE,STYLE塊元素CENTER,Hx,ADDR
3、ESS,PRE,P,BR,DIV列表元素DIR,DL,DT,DD,LI,OL,UL表格元素TABLE,TR,TD,TH,CAPTION表單元素FORM,INPUT,SELECT,OPTION,TEXTAREA超鏈接元素A,MAP,AREA字符格式元素FONT,B,I,U,S等幀元素FRAMESET,FRAME,NOFRAME,IFRAME圖片元素IMG層元素DIV,SPAN,LAYER,ILAYER腳本元素SCRIPT內(nèi)嵌對(duì)象元素APPLET,OBJECT,PARAM,EMBED2.3.1文檔結(jié)構(gòu)
……H
4、TML文件的正文寫(xiě)在這里1.文檔標(biāo)記HTML……2.文檔頭標(biāo)記
……頭部元素:頭部用表示開(kāi)始,用表示結(jié)束。標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。在頭部元素中我們一般都會(huì)用到
,他是網(wǎng)頁(yè)的標(biāo)題,將顯示在網(wǎng)頁(yè)的標(biāo)題欄當(dāng)中。2.3.2頭部元素
可以嵌套在head元素中的元素。1.TITLE標(biāo)記
……5、功能:設(shè)置網(wǎng)頁(yè)標(biāo)題.說(shuō)明:該標(biāo)記只能嵌入在
…標(biāo)記對(duì)中使用.2.META標(biāo)記
……(1)功能:指明網(wǎng)頁(yè)作者、制作工具等.(2)說(shuō)明:該標(biāo)記可以重復(fù)出現(xiàn)在標(biāo)記對(duì)中;該標(biāo)記中的信息不顯示在網(wǎng)頁(yè)中.
6、fresh”content=“刷新周期”>3.其他標(biāo)記LINK最常見(jiàn)的用途是鏈接樣式表。STYLEBASE標(biāo)簽為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。3.文檔體標(biāo)記……文檔體標(biāo)記的常用屬性屬 性功能描述link設(shè)定頁(yè)面默認(rèn)的鏈接顏色alink設(shè)定鼠標(biāo)正在單擊時(shí)的鏈接顏色vlink設(shè)定訪問(wèn)后鏈接文字的顏色background設(shè)定頁(yè)面背景圖像bgcolor設(shè)定頁(yè)面背景顏色leftmargin設(shè)定頁(yè)面的左邊距topmargin設(shè)定
7、頁(yè)面的上邊距bgproperties設(shè)定頁(yè)面背景圖像為固定,不隨頁(yè)面的滾動(dòng)而滾動(dòng)text設(shè)定頁(yè)面文字的顏色2.3.3塊CENTER標(biāo)記標(biāo)題標(biāo)記H1~H6P標(biāo)記BR標(biāo)記PRE標(biāo)記等1.文本居中標(biāo)記
……功能:居中顯示文本.2.標(biāo)題標(biāo)記(1)格式:……(2)功能:字號(hào)最大,字號(hào)最小.n為1~63分段標(biāo)記(1)格式:
……
……(2)說(shuō)明:該標(biāo)記可單獨(dú)使用,也可成對(duì)使用。單獨(dú)使用時(shí),下一個(gè)的開(kāi)始就意味著上一個(gè)
的結(jié)
8、束。作用:將文本換行,并空出一個(gè)文本行的間距。(3)對(duì)齊屬性align取值功能left缺省設(shè)置