超文本標記語言ppt課件(已修改)
2025-01-29 10:18 本頁面
【正文】 教學(xué)目標：了解和掌握 HTML的基本語法規(guī)則 教學(xué)內(nèi)容： HTML基本標記 教學(xué)重點和難點： 超鏈接標記 A/A、 表單標記 form/form 教學(xué) 方法和 手段： 舉例 講述法，采用多媒體教學(xué) 教學(xué)時數(shù)： 2學(xué)時 教學(xué)過程： 第 7章 超文本標記語言 (HTML) 返回主目錄 基本結(jié)構(gòu)標記 文本格式標記 超鏈接標記 A/A 圖象標記 img 表格標記 table/table 地址標記 address/address 表單標記 form/form 第 7章 超文本標記語言 (HTML) 返回主目錄 第 7章 超文本標記語言（ HTML） HTML /HTML HTML文檔的開始標記是 HTML， 它告訴瀏覽器下面的內(nèi)容是 HTML文檔；在 HTML文檔結(jié)束處要有對應(yīng)的 /HTML標記 ， 它告訴瀏覽器 HTML文檔結(jié)束了 。 開始與結(jié)束標記語法格式為： HTML 這里開始的內(nèi)容為 HTML文檔 。 /HTML head/head 頭部標記語法格式為： head HTML文檔的頭部內(nèi)容 。 /head 頭部內(nèi)容里面一般包括標題 。 title/title title和 /title 標記中間所包含的文字 ， 就是這個 Web頁面的標題 ， 它寫在頭部標記之中 。 標題會顯示在 Web瀏覽器最上面的 title（ 標題 ） 欄的位置 。 用戶可以把標題加入書簽 （ Bookmark） 中 ， 還可以提供加入列表 （ Hostlist、Bookmark） 的文本 ， 所以一定要使標題標記文本有明確的意義 ， 最好用中文 。 標題標記語法格式為： titleWeb頁面的標題 /title body/body body標記是 Web頁面主體的開始 ， 對應(yīng)結(jié)束符號是/body。 Web頁面的主要內(nèi)容都在 body標記之中 。 body還有一些屬性可以設(shè)定背景色 、 背景圖形等 。 主體標記語法格式為： body 這里是 HTML文檔的主體內(nèi)容 。 /body 下面我們以一個簡單的例子說明如何用 HTML語言來編寫Web頁面程序的 。 這里 ， 可以用任何編輯軟件來編寫 。 如果使用 Word編輯軟件 ， 保存文件時在“ 保存類型 ” 中選擇 “ 純文本 ” 。 例 ， 電子商務(wù)系統(tǒng)頁面 。 HTML head title電子商務(wù)系統(tǒng)頁面 /title 看看電子商務(wù)系統(tǒng)頁面 /head body 使用電子商務(wù)系統(tǒng) ， 了解電子商務(wù)系統(tǒng) /body /HTML 在 IE瀏覽器的地址欄中直接輸入要打開的文件名 （ 如 G: \ dzsw \ ） ， 按回車鍵或者在 IE瀏覽器菜單 [文件 ]的下拉菜單中選擇 “ 打開 ” 命令 ， 在彈出窗口中按 [瀏覽 ]按鈕 ， 通過 “ 搜尋 ” 窗口找到要打開的文件 （ 如 G:\dzsw\） ，然后單擊 [打開 ]按鈕 、 [確定 ]按鈕 ， 即可在瀏覽器中看到圖 71所示的頁面 。 圖 71 電子商務(wù)系統(tǒng)頁面 H/H 從圖 71中可以發(fā)現(xiàn) ， 頭部和主體內(nèi)容連在一起 ， 而且字體大小也一樣 。 HTML語言如何解決這個問題呢 ？ 它是通過標題字體來處理的 。 標題字體可以自動放在指定位置 ， 且顯示不同的黑體字 。 標題字體是通過 H/H標記實現(xiàn)的。被 H1和 /H1夾在中間的文字，是文章里的大號字標題字體。從 H H2到 H6，可以依次標注出六個層級的子標題，各子標題的差別在于，標題數(shù)字小的標題文字比數(shù)字大的標題文字更大、更粗、更顯眼。每遇到一個標題，當前段落就會終止，標題前后自動留出一定的空白，文本自動從下一行開始。 標題字體語法格式為： Hi標題文字 /Hi (i=1,… ,6) 例 ， 不同的標題字體 。 HTML bodyH1電子商務(wù)系統(tǒng) （ 1號字體 ） ！ /H1 H2電子商務(wù)系統(tǒng) （ 2號字體 ） ！ /H2 H3電子商務(wù)系統(tǒng) （ 3號字體 ） ！ /H3 H4電子商務(wù)系統(tǒng) （ 4號字體 ） ！ /H4 H5電子商務(wù)系統(tǒng) （ 5號字體 ） ！ /H5 H6電子商務(wù)系統(tǒng) （ 6號字體 ） ！ /H6 /body /HTML 例 72所示 。 圖 72不同標題的字體 font/font 普通的字體也可以改變 ， 使用字體大小標記font/font能夠改變包含的字符 、 單詞 、 短語或者指定范圍文本的字號大小 。 字體大小標記語法格式為： font size=文字 /font =1,2,3,4,5,6,7 或 +,,缺省時為 3號字體 。 例 ， 基本文字字體的大小 。 HTML body font size=7商務(wù)系統(tǒng)設(shè)計 （ 7號字體 ）
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1