[理學(xué)]第2章超文本標(biāo)記語(yǔ)言(已修改)
2024-10-31 00:51 本頁(yè)面
【正文】 第 2章 超文本標(biāo)記語(yǔ)言 HTML基礎(chǔ) 文字設(shè)計(jì) 網(wǎng)頁(yè)布局 加入網(wǎng)頁(yè)元素 框架 表單 HTML基礎(chǔ) HTML概述 HTML文檔的結(jié)構(gòu) 返回首頁(yè) HTML概述 超文本標(biāo)記語(yǔ)言 （ Hyper Text Makeup Language， 簡(jiǎn)稱HTML） ， 是一種專門用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的標(biāo)記語(yǔ)言 。 標(biāo)記語(yǔ)言提供的是向文本文件中添加標(biāo)記的規(guī)則 ， 瀏覽器（ Browser） 可閱讀并顯示這些被標(biāo)記過(guò)的文件 。 一個(gè)標(biāo)準(zhǔn)的 HTML文件 是由 元素 和一些要在網(wǎng)頁(yè)上顯示的 信息 組成的 。 返回本節(jié) 信息 文字、圖片、圖像和聲音等 元素 定義信息在網(wǎng)頁(yè)中出現(xiàn)的位置、形式、順序及關(guān)系等。 元素用標(biāo)簽表示。 標(biāo)簽 由 “ ”、 “ 元素名稱 ” 、 “ ”組成。 HTML文檔的結(jié)構(gòu) HTML HEAD 頭部信息 /HEAD BODY 正文部分 /BODY /HTML HTML文檔標(biāo)記 格式： HTML… /HTML 功能：標(biāo)志文檔開(kāi)始和結(jié)尾的標(biāo)記。 HTML文件頭標(biāo)記 格式： HEAD… /HEAD 功能：用于包含文件的基本信息 。 HTML文件主體標(biāo)記 格式： BODY… /BODY 功能：文件主體標(biāo)記 。 文件頭部包含的屬性 1． TITLE元素 格式： TITLE文字 /TITLE 功能： “ 文字 ” 會(huì)顯示在網(wǎng)頁(yè)的標(biāo)題欄上。 3． META元素 格式： META 屬性 名＝屬性值 功能：通過(guò)屬性定義網(wǎng)頁(yè)的基本信息 。 2． LINK元素 格式： LINK 屬性 名＝屬性值 功能：指示該文件與其它文件的關(guān)系 。 LINK元素的屬性 ? href 被引用的 HTML文件的 URL。 ? rel 正向關(guān)系。 ? rev 逆向關(guān)系，通常是文件作者的電子郵件地址。 ? title 鏈接的標(biāo)題。 META元素的屬性 name 指定文件的一個(gè)說(shuō)明，對(duì)應(yīng)于 content。 例如： META name=GENERATOR content=Microsoft Visual Studio equiv 相當(dāng)于 文件頭，影響網(wǎng)頁(yè)的傳輸。 ① 自動(dòng)刷新，并指向新網(wǎng)頁(yè)。 例如： META equiv=Refresh content=10。 url= 效果是 10秒后刷新網(wǎng)頁(yè)，跳轉(zhuǎn)到 ② 定義指向窗口。 META equiv=windowtarget content=_top 可以防止網(wǎng)頁(yè)被別人作為一個(gè) FRAME頁(yè)調(diào)用。 BODY元素的屬性 bgcolor 用于設(shè)置背景顏色。 text 用于設(shè)置非可鏈接文字的顏色。 alink 用于設(shè)置正被單擊的可鏈接文字的顏色。 link 用于設(shè)置可鏈接文字的顏色。 vlink 用于設(shè)置已經(jīng)單擊（訪問(wèn)）過(guò)的可鏈接文字的顏色。 background 用于設(shè)置背景圖象，其屬性值是圖片存放的具 體位置。 返回本節(jié) HTML !文件開(kāi)始 HEAD !文件頭開(kāi)始 TITLE 例 /TITLE !文件標(biāo)題 /HEAD !文件頭結(jié)束 BODY !文件體開(kāi)始 P例 ：初識(shí) HTML/P /BODY !文件體結(jié)束 /HTML !文件結(jié)束 【 例 】 初識(shí) HTML 結(jié)果 文字設(shè)計(jì) 文字樣式 FONT元素 返回首頁(yè) 文字樣式 ? 標(biāo)題字體 使用 H元素將文字顯示成文章中的標(biāo)題 語(yǔ)法 Hn.../Hn，其中 n為 1到 6的數(shù)字，根據(jù) n的大小不同，將顯示出不同大小的黑體字。 H1最大，H6最小。 標(biāo)題文字獨(dú)占一行 。 ? 物理字體 文字的粗體、斜體、下劃線等形式。 語(yǔ)法 B.../B黑體字文本 I.../I斜體字文本 U.../U加下劃線文本 TT.../TT打字機(jī)風(fēng)格文本 SUP.../SUP上標(biāo) SUB.../SUB下標(biāo) S.../S或 STRIKE.../STRIKE加刪除線文本 例題 文字樣式 ?邏輯字體 文字的大號(hào)字體、強(qiáng)調(diào)字體、著重字體、引 用字體等形式。 語(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)記通過(guò) 屬性 設(shè)置字體的 大小、顏色、字型等 ? size 絕對(duì)字號(hào)： 7 相對(duì)字號(hào)：基準(zhǔn)字號(hào)為絕對(duì)字號(hào)等于 3的字體大小。 例如 FONT size=+1 或 FONT size=1 格式 FONT… /FONT 功能 設(shè)置字體格式標(biāo)記。 ? color 用于設(shè)置
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1