前情鏈接:新大編程幼兒園學(xué)習(xí)第一課——內(nèi)容和顯示
本課主題:HTML涵紊、CSS和XML
授課老師:張軍祥
一、什么是HTML
HTML是用來描述網(wǎng)頁的一種語言幔摸。
· HTML指的是超文本標(biāo)記語言(Hyper Text Markup Language)
· HTML不是一種編程語言摸柄,而是一種標(biāo)記語言(markup language)
· 標(biāo)記語言是一套標(biāo)記標(biāo)簽(markup tag)
· HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
類比:對講呼叫的開始結(jié)束語。
Tip:draggable="true"這一屬性表示這個(gè)標(biāo)簽內(nèi)的內(nèi)容可以被拖動(dòng)既忆。
HTML大致由:標(biāo)簽驱负、屬性嗦玖、事件來組成,另有注釋部分"<!-->"跃脊,注釋不在頁面顯示宇挫。編寫注釋是一個(gè)非常優(yōu)秀的習(xí)慣,方便自己及他人了解文檔含義酪术。
隨著網(wǎng)頁需求的增加器瘪,各大瀏覽器廠商不斷有新的標(biāo)簽加入網(wǎng)絡(luò),例如:加粗標(biāo)簽< b >......< /b >绘雁。由于各廠商推出形式繁多冗雜橡疼,W3C組織統(tǒng)一發(fā)布CSS。
二庐舟、什么是CSS
CSS指層疊樣式表(Cascading Style Sheets)
樣式定義如何顯示HTML元素
多重樣式層疊為一個(gè)
層疊次序:(顯示優(yōu)先級)
內(nèi)連樣式>內(nèi)部樣式表>外部樣式表>瀏覽器缺省設(shè)置
列舉三種CSS的使用方法:
第三種方法:外部樣式表挪略。創(chuàng)建一個(gè)CSS文件历帚,引入文檔。
HTML與CSS的關(guān)系:
CSS是用來修飾HTML的一種語言瘟檩,同一HTML文件支持引用多個(gè)CSS文件抹缕,同一CSS文件支持被多個(gè)HTML文件引用澈蟆,便于開發(fā)過程中必要情況下樣式的統(tǒng)一修改墨辛。
三、三層分離(重要)
結(jié)構(gòu)層(HTML)趴俘、表示層(CSS)睹簇、行為層(JS)
目的:
為了實(shí)現(xiàn)“高內(nèi)聚、低耦合”寥闪。采用“分而治之”的思想太惠,把問題劃分開來各個(gè)解決,易于控制疲憋,易于延展凿渊,易于分配資源。
列舉:表示一個(gè)段落:< p >< /p >缚柳;表示分割標(biāo)記埃脏,一般用于內(nèi)容與事件:< div >< /div >;表示標(biāo)題加粗:< h1 >< /h1 >秋忙。
四彩掐、什么是XML
XML指可擴(kuò)展標(biāo)記語言(EXtensible Markup Language)
· XML是一種標(biāo)記語言,很類似HTML
· XML的設(shè)計(jì)宗旨是傳輸數(shù)據(jù)灰追,而非顯示數(shù)據(jù)
· XML標(biāo)簽沒有被預(yù)定義堵幽,您需要自行定義標(biāo)簽
· XML被設(shè)計(jì)為具有自我描述性
獨(dú)立于軟件與硬件的存儲方法狗超,XML克服了大部分軟硬件不兼容問題,因?yàn)樗淖晕颐枋鲂云酉拢蟛糠殖绦蚨寄苤С纸庾xXML文件努咐。
五、XML和HTML的差異
XML和HTML為不同的目的而設(shè)計(jì)
XML被設(shè)計(jì)為傳輸和存儲數(shù)據(jù)殴胧,其焦點(diǎn)是數(shù)據(jù)的內(nèi)容
HTML被設(shè)計(jì)用來顯示數(shù)據(jù)麦撵,其焦點(diǎn)是數(shù)據(jù)的外觀
HTML旨在顯示信息,而XML旨在傳輸信息
XML作為一種通用格式的出現(xiàn)溃肪,為數(shù)據(jù)共享免胃、數(shù)據(jù)交換提供了極大地便利。XML具有非常嚴(yán)格的語言模式惫撰,HTML語法相對寬松羔沙,部分尾部標(biāo)簽省略不影響顯示,舉例< input>< /input>標(biāo)簽厨钻,而XML非常嚴(yán)格扼雏。
問答1:編輯器的快捷輸入,支持代碼補(bǔ)全夯膀。編輯器的插件功能支持寫一個(gè)標(biāo)簽诗充,按tab鍵可自動(dòng)補(bǔ)全。
問答2:課后討論區(qū)會提供如何調(diào)用XML诱建,每種語言都有不同的調(diào)用方法蝴蜓。
問答3:有如此多的標(biāo)簽,初期記憶可能比較困難俺猿,宗旨:可以不會茎匠,但不能不知道,首先要多看押袍,多了解這些用途诵冒。(參考標(biāo)簽課后將發(fā)放)