【文章內(nèi)容簡介】 ed noshade ③產(chǎn)生的橫線在預(yù)覽輸出后才能完全看到效果。 三、圖像與超鏈接 （一）、圖像標(biāo)記 在網(wǎng)頁中插入圖像使用 img標(biāo)記來實現(xiàn)，沒有對應(yīng)的結(jié)束標(biāo)記。 格式： img src=圖像文件名 alt=提示文本 longdesc=詳細(xì)說明 width=x height=y border=邊框?qū)挾? hspace=x vspace=y align=對齊方式 功能：在當(dāng)前位置插入圖像。 屬性： (1)src 要插入的圖像文件的 URL地址，通常圖像的格式為 jpg或 gif。 (2)alt 當(dāng)圖像無法顯示時所給出的提示文本。 (3)longdesc關(guān)于圖像的詳細(xì)說明。 (4)width 圖像的寬度，可以為點數(shù)或相對窗口寬度的百分比。 (5)height 圖像的高度，可以為點數(shù)或相對窗口寬度的百分比。 (6)boder 圖像的邊框?qū)挾?，其值為非?fù)整數(shù)。 (7)hspace 水平方向空白（圖像左右留多少空白）。 (8)vspace 垂直方向空白（圖像上下留多少空白）。 (9)Align用于設(shè)置圖像的對齊與布局。可設(shè)置為 left、 right或 center等，使圖像向頁面窗口的左邊、右邊或中間對齊，圖像附近的文本在圖像右或左側(cè)環(huán)繞。 Align還可以是其他取值，則指定圖像與文本在垂直方向上的相對對齊方式，取值與對應(yīng)的含義為： Top 將文本行中的最高字符的頂端與圖像的頂端對齊 Texttop 該項的功能與 top相同 Middle 使當(dāng)前行的基準(zhǔn)線與圖像的中線對齊 Absmiddle 使當(dāng)前行的中線與圖像的中線對齊 Baseline 使圖像的基準(zhǔn)線與當(dāng)前的基準(zhǔn)線對齊 Bottom 使圖像的底部與當(dāng)前基準(zhǔn)線對齊 Absbottom 使圖像的底部與當(dāng)前的底部對齊 說明：圖像的寬度與高度指圖像顯示時的大小，與圖像的真實大小無關(guān)。 實例： 在網(wǎng)頁的當(dāng)前位置插入 images/，寬度為 300，高度為 200，邊框?qū)挾仍O(shè)置為 1，圖像放在頁面的右邊，則實現(xiàn)的代碼為： img src=images/ width=300 height=200 border=1 align=right 三、圖像與超鏈接 三、圖像與超鏈接 （二）、超鏈接 定義錨點 若要跳轉(zhuǎn)到網(wǎng)頁的某一指定位置，則必須事先在該位置定義一個錨點(anchor)，錨點主要起位置標(biāo)識的作用。定義錨點用 a標(biāo)記的 name屬性來實現(xiàn)。 定義格式： a name=錨名 /a 定義好后，若要鏈接到網(wǎng)頁的某一錨點，則要用 a標(biāo)記鏈接。 鏈接格式： a href=網(wǎng)頁文件名 錨名 文本 /a 比如：要鏈接到 vbkey1錨點，則鏈接的方法為： a href= vbkey1文本 /a 若要鏈接到當(dāng)前網(wǎng)頁的某一個錨點，則網(wǎng)頁名可以缺省，而直接用錨點名來鏈接，其格式為： a href=錨名 文本 /a 注意：在需要定義錨的地方，加上 a name=錨名 /a代碼即可，錨名就唯一，不要重復(fù)。 四、表格 表格是 HTML網(wǎng)頁的一個非常重要的元素，除了規(guī)范數(shù)據(jù)的輸出外，在網(wǎng)頁設(shè)計中，常常用來進(jìn)行版面布局的設(shè)計和定位。 定義表格的標(biāo)記符 表格是由多個部分構(gòu)成的，因此定義表格時，將用到多種標(biāo)記符，這些標(biāo)記符是： table/table 定義表格的開始和結(jié)束。 caption/caption 定義表格標(biāo)題的開始和結(jié)束。 tr/tr 定義表格行的開始與結(jié)束，一組 tr和 /tr產(chǎn)生一個表格行。 td/td 定義單元格的開始與結(jié)束，一組 td和 /td產(chǎn)生一個單元格。在 td和 /td之間的部分，即為該單元格顯示的數(shù)據(jù)，若該單元格無數(shù)據(jù)，顯示為空，則應(yīng)表達(dá)為 tdnbsp/td。 th/th 定義表頭 (表格第一行 )單元格的開始與結(jié)束，一組 th和 /th產(chǎn)生一個表頭單元格。 th和 /th之間的部分，即為單元格所顯示的數(shù)據(jù)，該數(shù)據(jù)以加粗居中方式顯示。表頭也可不用 th標(biāo)記產(chǎn)生，而直接用 td標(biāo)記來產(chǎn)生。 【例 】試用 HTML標(biāo)記符產(chǎn)生一個寬度為 500像素的 2行、 3列的表格，各單元格數(shù)據(jù)為空。 產(chǎn)生的 HTML代碼為： table width=500 tr !— 定義表行開始 td /tdtd /tdtd /td!— 產(chǎn)生 3個單元格 /tr !— 定義表行結(jié)束 trtd /tdtd /tdtd /td/tr /table 說明：此處代碼產(chǎn)生的表格是一個虛線表格，運行時邊框不可見，通常利用這種表格進(jìn)行版面的布局設(shè)計，以對所要顯示的內(nèi)容進(jìn)行定位，要顯示的內(nèi)容，通常放在單元格中顯示。 四、表格 表格標(biāo)記符的屬性 對表格的更詳細(xì)控制，可通過表格標(biāo)記符的相關(guān)屬性來實現(xiàn)。 (1)table標(biāo)記的屬性 table標(biāo)記的屬性用于從整體上控制表格的外觀和形狀，常用的主要有： ① width、 height屬性：該組屬性用于設(shè)置表格的寬度和高度。其寬度或高度值可用像素值表示，也可用百分?jǐn)?shù)表示。 例如，若要產(chǎn)生寬度為 800，高度為 400像素的表格，則定義方法為： table width=800 height=400 若要產(chǎn)生一個寬度是網(wǎng)頁寬度的 85%的表格，則定義的方法為： table width=85% ② border屬性 :定義表格邊框的邊線的寬度。若設(shè)置為 0或不設(shè)置，則為無邊框的表格。若要產(chǎn)生一個寬度為 800，邊線寬度為 1的表格，則定義方法為： table width=800 border=1 ③ bgcolor、 bordercolor屬性： bgcolor用于設(shè)置整個表格的背景顏色； bgcolor屬性對于 tr和 td標(biāo)記也有效，作用于 tr標(biāo)記時，用于設(shè)置該行的背景顏色；作用于 td標(biāo)記，則設(shè)置該單元格的背景顏色。 bordercolor用于設(shè)置表格的邊框顏色，只有在 border屬性設(shè)置為非 0時有效。 ④ background屬性：用于設(shè)置表格的背景圖像。設(shè)置表格的背景圖像后，表格的背景顏色失效。 例如：若要設(shè)置表格的背景圖像為 images/，則設(shè)置方法為： table width=800 background=images/ ⑤ cellpadding、 cellspacing屬性： cellpadding屬性用于設(shè)置單元格中的文本與表格邊線的間距；cellspacing屬性用于設(shè)置表格的各單元格之間的間距。 例如：若要設(shè)置單元格間距為 1，單元格文本與表格邊線的間距為 2，則設(shè)置方法為： table cellpadding=2 cellspacing=1 ⑥ align屬性：用于設(shè)置表格在網(wǎng)頁中的對齊方式，取值有 left、 center和 right。 例如：若要設(shè)置表格在網(wǎng)頁中居中，則設(shè)置方法為： table width=800 align=center 四、表格 (2)tr標(biāo)記的屬性 tr標(biāo)記常用的屬性主要有 bgcolor和 align，分別用于設(shè)置該行的背景顏色和文本的對齊方式，利用 tr的 bgcolor屬性，可以實現(xiàn)不同行顯示不同的背景顏色。 (3)td標(biāo)記的屬性 td標(biāo)記常用的屬性主要有 bgcolor、 bordercolor、 width、 height、align和 valign,分別用于設(shè)置該單元格的背景顏色、單元格的邊框顏色、寬度、高度、單元格文本在水平方向的對齊方式和在垂直方向的對齊方式。 【例 】試用 HTML標(biāo)記產(chǎn)生圖 。表格寬度為 400，各行的行高為 24，表格在網(wǎng)頁中居中對齊；表頭背景顏色為0000CC，表頭文本顏色為 FFFFFF，表格邊框?qū)挾葹?1，邊框顏色為 0099CC；各數(shù)據(jù)項均居中對齊，第 1列的寬度為 53，第 2列的寬度為 116，第 3列寬度為 134，第 4列寬度為 87。 IDUserNamePasswordState001zhangzh98351002wang87$0%!10圖 四、表格 實現(xiàn)的 HTML代碼為： table width=400 border=1 bordercolor=0099CC align=center cellspacing=0 tr bgcolor=0000CC th height=24 width=53font color=FFFFFFID/font/th th height=24 width=116font color=FFFFFFUserName/font/th th height=24 width=134font color=FFFFFFPassword/font/th th height=24 width=87font color=FFFFFFState/font/th /tr tr align=center td height=24 width=53001/td td height=24 width=116zhang/td td height=24 width=134 zh9835/td td height=24 width=871/td /tr tr align=center td height=24 width=53002/td td height=24 width=116wang/td td height=24 width=13487$0%!1/td td height=24 width=870/td /tr /table 四、表格 單元格的合并 利用單元格的合并，可以形成不規(guī)則的表格。合并的方式有跨列合并和跨行合兩種。 (1)跨列合并 列合并即是將多列合并成一個單元格，可以通過 td標(biāo)記的 colspan屬性來實現(xiàn)，其用法為： td colspan=合并的單元格個數(shù) 文本 /td 【例 】試產(chǎn)生一個 2行 3列，寬度 400，邊線寬度為 1的表格，然后將第 1行的第 2和 3兩個單元格合并。 實現(xiàn)的 HTML代碼為： table width=400 border=1 tr td第 1行 1列 /tdtd colspan=2這是合并后的單元格 /td /tr tr