[理學(xué)]第2章超文本標(biāo)記語(yǔ)言-在線瀏覽
2024-12-06 00:51本頁(yè)面
【正文】 設(shè)置可鏈接文字的顏色。 background 用于設(shè)置背景圖象，其屬性值是圖片存放的具 體位置。 H1最大，H6最小。 ? 物理字體 文字的粗體、斜體、下劃線等形式。 語(yǔ)法 EM.../EM強(qiáng)調(diào)字體 STRONG.../STRONG著重字體 CODE.../CODE代碼字體 SAMP.../SAMP樣例字體 KBD.../KBD鍵盤字體 VAR.../VAR變量字體 DFN.../DFN定義字體 CITE.../CITE引用字體 SMALL.../SMALL小號(hào)字體 BIG.../BIG大號(hào)字體 例題 【 例 】 標(biāo)題字體 HTML HEAD TITLE標(biāo)題字體 /TITLE /HEAD BODY H1這是一級(jí)標(biāo)題字體 /H1 H2這是二級(jí)標(biāo)題字體 /H2 H3這是三級(jí)標(biāo)題字體 /H3 H4這是四級(jí)標(biāo)題字體 /H4 H5這是五級(jí)標(biāo)題字體 /H5 H6這是六級(jí)標(biāo)題字體 /H6 /BODY /HTML 結(jié)果 【 例 】 字體示例 HTML HEAD TITLE字體示例 /TITLE /HEAD BODY PB這是粗體文本 /B PxSUP這是 x的上標(biāo) /SUP PEM這是強(qiáng)調(diào)字體 /EM PCITE這是引用字體 /CITE /BODY /HTML 結(jié)果 返回本節(jié) FONT元素 FONT標(biāo)記通過 屬性 設(shè)置字體的 大小、顏色、字型等 ? size 絕對(duì)字號(hào)： 7 相對(duì)字號(hào)：基準(zhǔn)字號(hào)為絕對(duì)字號(hào)等于 3的字體大小。 ? color 用于設(shè)置字體顏色，屬性值為 rrggbb，即 16進(jìn)制數(shù)表示的 rgb顏色值，也可為下列預(yù)定義顏色： Black， Olive，Teal， Red， Fuchsia， Blue， Maroon， Navy， Gray， Lime，White， Green， Purple， Silver， Yellow， Aqua等。 例題 【 例 】 FONT元素 HTML HEAD TITLEFONT元素 /TITLE /HEAD BODY FONT size=“7” face=“黑體 ”這是 7號(hào)黑體/fontBR FONT size=6 face=隸書 這是 6號(hào)隸書/fontBR /BODY /HTML 結(jié)果 返回本節(jié) 網(wǎng)頁(yè)布局 文字布局 列表 返回首頁(yè) 文字布局 1）段落標(biāo)記 格式： P… /P 功能：設(shè)置段落標(biāo)記。 3） 文字對(duì)齊 例題 HTML HEAD TITLE文字布局 /TITLE/HEAD BODY P align=left 這里左對(duì)齊 /P P align=center 這里居中 /P P align=right 這里右對(duì)齊 /P BRBR這里換兩行 H2 align=right 這是右對(duì)齊二級(jí)標(biāo)題字體 /H2 /BODY /HTML 【 例 】 文字布局 結(jié)果 返回本節(jié) 列表 1． 有序列表 格式 ： OL type=符號(hào)類型 LI type=符號(hào)類型 … /LI LI type=符號(hào)類型 … /LI … /OL 2． 無序列表 格式： UL type=符號(hào)類型 LI type=符號(hào)類型 … /LI LI type=符號(hào)類型 … /LI … /UL 列表 3． 自定義列表 格式： DL DT表題 DD表元內(nèi)容 /DL DL 自定義列表標(biāo)識(shí) 。 DD 標(biāo)識(shí)表中內(nèi)容。 align 用于設(shè)置線條的對(duì)齊方式，屬性值可 以是 left、 center和 right。 color 用于設(shè)置線條的顏色。 例題 【 例 】 在網(wǎng)頁(yè)中加入水平線 HTML HEADTITLE水平線 /TITLE/HEAD BODY H5 align=center這是高度是 10的水平線 /H5 HR size=10 H5 align=left這是長(zhǎng)度比例是 50%左對(duì)齊的水平線 /H5 HR width=50% align=left H5 align=right這是長(zhǎng)度比例是 50%右對(duì)齊的水平線 /H5 HR width=50% align=right H5 align=center這是無陰影的水平線 /H5 HR noshade /BODY /HTML 返回本節(jié) 結(jié)果 加入圖像 格式： IMG src= 屬性： Width/height 設(shè)置圖像的寬度和高度，單位為像素 。 Vspace 調(diào)整圖像與上下文本的距離 ， 單位為像素 。 例題 top： 圖像的頂部與該行文本的頂部對(duì)齊。 bottom： 圖像的底部與該行文本的底部對(duì)齊。 圖像在網(wǎng)頁(yè)中的位置。 right： 圖像放在網(wǎng)頁(yè)右邊。同時(shí)也可以設(shè)置下列幾種值，void（無邊框）、 above（僅上邊框）、 below（僅下邊框）、 tasides（僅左右邊框）、 wides（僅上下邊框）、lhs（僅左邊框）、 rhs（僅右邊框）。 （ 3） width和 height 設(shè)置表格的寬度和高度。 加入表格 （ 4） bgcolor和 background 設(shè)置表格背景顏色和背景圖片 （ 5） TD bordercolor=“” 設(shè)置表元的邊框顏色 （ 6） TABLE cellspacing= 設(shè)置表元間隙，屬性值單位為像素。 加入表格 （ 8） TD rowspan=“” colspan=“” 設(shè)定所跨行數(shù)和列數(shù)。 valign用來設(shè)置標(biāo)題的縱向?qū)R方式，屬性值有 top（標(biāo)題在上）和 bottom（標(biāo)題在下）。
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1