HTML基礎(chǔ)知識及相關(guān)標簽的用法.ppt

1、講座1:超文本標記語言基礎(chǔ)知識，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，2:教學難點，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，3: 1:表格布局與DIV布局的差異(1)生產(chǎn)效率(2)瀏覽器兼容性(3)可擴展性和可讀性，任務(wù)1:表格與DIV布局的差異，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，4，2， DIV CSS布局的優(yōu)勢(1)結(jié)構(gòu)層和性能層之間的完美共享(2)頁面下載速度快(3)頁面修改更簡單更方便(4)搜索引擎搜索更優(yōu)化，任務(wù)1，表和DIV布局的區(qū)別，反思比較優(yōu)勢戰(zhàn)略，為弱者打開崛起之門，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，5，任務(wù)2超文本標記語言基本語法，20

2、20/7/14，超文本標記語言雙標記如：單標記如：陜西新華計算機軟件學校-電子任務(wù)3:了解超文本標記語言標簽和超文本標記語言文檔的基本結(jié)構(gòu)。課程實例：a.html，網(wǎng)站正文，陜西新華計算機軟件學校-電子商務(wù)教研室，8。任務(wù)3:了解超文本標記語言標簽和超文本標記語言元素屬性元素屬性出現(xiàn)在元素中，并與元素名稱用空格隔開。屬性值由“”引起。例如：陜西b.html新華計算機軟件學校-電子商務(wù)教研室，9。任務(wù)3:了解超文本標記語言標簽，超文本標記語言頭部屬性元素的基本結(jié)構(gòu)出現(xiàn)在文檔的開頭。和之間的內(nèi)容不會顯示在瀏覽器的文檔窗口中，但它們之間的元素具有特殊意義。元素定義了一個超文本標記語言文檔的標題。陜西

3、新華計算機軟件學校-電子商務(wù)教學與研究組，10，HTML基本結(jié)構(gòu)-HEAD屬性元素用于在搜索頁面上標記搜索引擎的關(guān)鍵字。任務(wù)3:理解超文本標記語言標簽，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，11:理解超文本標記語言標簽，元素用于標記文檔作者用來標記頁面的解碼方法，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，12:理解超文本標記語言標簽，超文本標記語言基本結(jié)構(gòu)-正文屬性(1)bgcolor bgcolor屬性定義超文本標記語言文檔的背景顏色。(2)背景背景屬性定義了超文本標記語言文檔的背景圖片。常用的圖像格式有GIF、JPG、巴布亞新幾內(nèi)亞等。陜西新華計算機軟件學校-電子商務(wù)教研室，1

4、3，任務(wù)3，理解HTML標簽，(3)背景圖像成水印效應(yīng)，滾動屬性。(4)文本文本屬性定義了超文本標記語言文檔的文本顏色。陜西新華計算機軟件學校-電子商務(wù)教研室，14。任務(wù)3:理解超文本標記語言標簽；(5)超鏈接顏色鏈接、vlink和alink分別控制普通超鏈接、已訪問超鏈接和當前活動超鏈接的顏色。(6) leftmargin和topmargin設(shè)置網(wǎng)頁主要內(nèi)容與網(wǎng)頁頂端和左端之間的距離。陜西新華計算機軟件學校-電子商務(wù)教研室，15。任務(wù)3:了解超文本標記語言標簽，文本屬性標簽1。文本顏色指定顏色.2.文本字體.陜西新華計算機軟件學校-電子商務(wù)教研室，16。任務(wù)3:了解超文本標記語言。3.文本大

5、小.#=1、2、3、4、5、6、7或#-# 4。文本標題.#=1，2，3，4，5，6，陜西新華計算機軟件學校-電子商務(wù)教研室，17，任務(wù)3，知道HTML標簽，5。文本效果是粗體和斜體。陜西新華計算機軟件學校-電子商務(wù)教學與研究小組，18，任務(wù)3:了解超文本標記語言標簽，下劃線刪除線，粗斜體，放大文本，縮小文本，陜西新華計算機軟件學校-電子商務(wù)教學與研究小組，19，任務(wù)3:了解超文本標記語言標簽，6。文本對齊.(#=)右)，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，20，任務(wù)3:理解超文本標記語言標簽，行控制段落(可視為空行)包裝空白占位符，示例：d.html，陜西新華計算機軟件學校-電子商務(wù)教學與研究組，21，任務(wù)3:理解超文本標記語言標簽，標尺行：設(shè)置行寬：設(shè)置行長：設(shè)置對齊#=左，右：設(shè)置行顏色。案例：e.html，陜西新華計算機軟件學校-電子商務(wù)教研室，22。任務(wù)3:了解超文本標記語言。插入圖片：的元素標記的介紹格式.通用屬性： src=圖片源地址 alt=備選文本 width= width height= height hs pace=垂直邊距 vspace=水平邊距 border=邊框，陜西新華計算機軟件學校-電子商務(wù)教學與研究組