網(wǎng)頁(yè)制作基礎(chǔ)語(yǔ)言——html-在線瀏覽
2025-07-16 23:37本頁(yè)面
【正文】 頁(yè)上的對(duì)齊方式： left、 center和 right。 【 例 24】 段落標(biāo)記 定位標(biāo)記 div…/div 在頁(yè)面中插入一條水平標(biāo)尺線，可以使不同功能的文字分隔開(kāi)，看起來(lái)整齊、明了。線段的樣式由標(biāo)記的參數(shù)決定。 width設(shè)定線段長(zhǎng)度，可以是絕對(duì)值（以像素為單位）或相對(duì)值（相對(duì)于當(dāng)前窗口的百分比）。可以采用色彩的名稱。 【 例 25】 段落標(biāo)記 水平線標(biāo)記 hr 在頁(yè)面中，標(biāo)題是一段文字內(nèi)容的核心，所以總是用加強(qiáng)的效果來(lái)表示。標(biāo)題文字標(biāo)記的格式為： h align=left|center|right 標(biāo)題文字 /h 用來(lái)指定標(biāo)題文字的大小， 取 1～ 6的整數(shù)值，取 1時(shí)文字最大， 6時(shí)文字最小。缺省時(shí)默認(rèn)為 left。 與用 title… /title定義的網(wǎng)頁(yè)標(biāo)題不同，標(biāo)題格式顯示在瀏覽器窗口內(nèi)，而不顯示在瀏覽器的標(biāo)題欄中。用 font標(biāo)記設(shè)置字號(hào)（ font被 W3C列為不建議使用的標(biāo)記，以后將學(xué)習(xí)用 CSS來(lái)設(shè)定字體）。 size用來(lái)設(shè)置文字的大小。 face用來(lái)設(shè)置字體。 color用來(lái)設(shè)置文字色彩。瀏覽網(wǎng)頁(yè)是超鏈接最普遍的一種應(yīng)用，通過(guò)超鏈接還可以獲得不同形態(tài)的服務(wù)，如文件傳輸、資料查詢、電子郵件、遠(yuǎn)程訪問(wèn)等。單擊這些文本或圖片，可跳轉(zhuǎn)到相應(yīng)位置。超文本鏈接使用錨點(diǎn)標(biāo)記 a來(lái)定義。通過(guò)單擊一個(gè)詞、句或圖片，可從此處轉(zhuǎn)到另一個(gè)鏈接資源（目標(biāo)資源），這個(gè)目標(biāo)資源有惟一的地址（ URL）。 a標(biāo)記的格式為： a href=URL target=打開(kāi)窗口方式 熱點(diǎn) /a href屬性為超文本引用，它的值為一個(gè) URL，是目標(biāo)資源的有效地址。 target屬性設(shè)定鏈接被單擊后結(jié)果所要開(kāi)始窗口的方式。 超鏈接 錨點(diǎn)標(biāo)記 a.../a 1. 鏈接到同一目錄內(nèi)的網(wǎng)頁(yè)文件 鏈接到同一目錄內(nèi)的網(wǎng)頁(yè)文件的格式為： a href=目標(biāo)文件名 .html 熱點(diǎn)文本 /a 【 例 211】 2. 鏈接到下一級(jí)目錄中的網(wǎng)頁(yè)文件 鏈接到下一級(jí)目錄中網(wǎng)頁(yè)文件的格式為： a href=子目錄名 /目標(biāo)文件名 .html 熱點(diǎn)文本 /a 3. 鏈接到上一級(jí)目錄中的網(wǎng)頁(yè)文件 鏈接到上一級(jí)目錄中網(wǎng)頁(yè)文件的格式為： a href=../目標(biāo)文件名 .html 熱點(diǎn)文本 /a 其中 “ . . /表示退到上一級(jí)目錄中。超鏈接標(biāo)記的格式為： a href=記號(hào)名 熱點(diǎn)文本 /a 書簽就是用 a標(biāo)記對(duì)該文本作一個(gè)記號(hào)。指向電子郵件鏈接的格式為： a href=mailto:Email地址 熱點(diǎn)文本 /a 例如， Email地址是 ，建立如下鏈接： 免費(fèi)電話 :80012345678 信箱 :a href=mailto: /a 超鏈接 指向下載文件的鏈接 1. 設(shè)置背景色 格式為： body bgcolor=色彩值 “色彩值 ” 可以為色彩的英文名或相應(yīng)十六進(jìn)制值。格式為： body background=圖片文件名 background取值為一個(gè)圖片文件名，并且要指出文件存放的路徑，可以是相對(duì)路徑，也可以是絕對(duì)路徑。 在瀏覽器中，作為背景的圖片將按原來(lái)的大小復(fù)制，重復(fù)鋪滿整個(gè)網(wǎng)頁(yè)。用圖片標(biāo)記還可以設(shè)置圖片的替代文本、尺寸、布局等屬性?？墒褂?img標(biāo)記的 width和 height屬性來(lái)設(shè)置圖片的大小。 【 例 215】 【 例 216】 圖片 圖片標(biāo)記 img 如果不設(shè)置文本對(duì)圖片的環(huán)繞，圖片在頁(yè)面會(huì)占一片空白。 使用該標(biāo)記設(shè)置文本環(huán)繞方式后，將一直有效，直到遇到下一個(gè)設(shè)置標(biāo)記。格式為： br clear=left|right|all 其中 clear的取值可為： left（解除在圖片左側(cè)放置的文本）、 right（解除在圖片右側(cè)放置的文本）或 all（解除在圖片左、右側(cè)放置的文本）。格式為： a href=URL img src=圖片文件名 /a 例如，下面代碼： a href= img src= alt=VB封面 width=140 height=190 hspace=10 vspace=5 /a 圖片 用圖片作為超鏈接 無(wú)序列表中每一個(gè)表項(xiàng)的前面是項(xiàng)目符號(hào)（如●、■等符號(hào)）。格式為： ul type=符號(hào)類型 li type=符號(hào)類型 1 第一個(gè)列表項(xiàng) li type=符號(hào)類型 2 第二個(gè)列表項(xiàng) … /ul 值得注意的是， li標(biāo)記是單標(biāo)記。 type指定每個(gè)表項(xiàng)左端的符號(hào)類型，可為 disc（實(shí)心圓點(diǎn)）、 circle（空心圓點(diǎn)）、 square（方塊），也可自己設(shè)置圖片。格式為： ol type=符號(hào)類型 li type=符號(hào)類型 1 表項(xiàng) 1 li type=符號(hào)類型 2 表項(xiàng) 2 … /ol 有序列表整個(gè)表項(xiàng)與上下段文本之間各有一行空白；列表項(xiàng)目向右縮進(jìn)并左對(duì)齊；各表項(xiàng)前帶順序號(hào)。有序列表和無(wú)序列表不僅可以自身嵌套，而且彼此可互相嵌套。表格的標(biāo)記為 table，行的標(biāo)記為 tr，表項(xiàng)的標(biāo)記為 td?？捎昧?、行的屬性設(shè)置表項(xiàng)數(shù)據(jù)在單元格中的位置。 align的屬性值分別為： center（表項(xiàng)數(shù)據(jù)的居中）、 left（左對(duì)齊）、 right（右對(duì)齊）或 justify（左右調(diào)整）。 valign的屬性值分別為： top（靠單元格頂）、bottom（靠單元格底）、 middle（靠單元格中）或baseline（同行單元數(shù)據(jù)項(xiàng)位置一致）?，F(xiàn)在，把表格作為一個(gè)整體，介紹表格在頁(yè)面中的位置及背景的設(shè)置。使用 table標(biāo)記的 align屬性。當(dāng)表格居中時(shí)，表格兩邊沒(méi)有文本。 【 例 225】 表格 表格在頁(yè)面中的對(duì)齊方式 在 table、 th、 tr、 td標(biāo)記中，使用下面屬性可以改變表格的背景和
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1