Html和CSS处面、JavaScript的基本知識(shí)點(diǎn)
Html用于描述網(wǎng)頁的超文本標(biāo)記語言,所謂的超文本是指可以包含圖片菩掏、連接魂角、音樂等非文字元素,我們在瀏覽器中打開的網(wǎng)頁都是html文件智绸。
我們在谷歌瀏覽器右上角菜單欄中找到更多工具開發(fā)者工具野揪,點(diǎn)擊打開。
第一個(gè)圖標(biāo)用于在網(wǎng)頁中選擇對(duì)象即可跳轉(zhuǎn)到對(duì)應(yīng)的代碼瞧栗。
Elements標(biāo)簽:該標(biāo)簽用來查看頁面的html標(biāo)簽元素斯稳。
console標(biāo)簽:這是web控制臺(tái),網(wǎng)頁運(yùn)行的出錯(cuò)信息都會(huì)顯示在這里迹恐。
Sources標(biāo)簽:顯示網(wǎng)頁中各種用到的資源文件挣惰。
Network標(biāo)簽:顯示網(wǎng)頁發(fā)送的各種請(qǐng)求request和收到的服務(wù)器響應(yīng)response。
也可在任意地方右擊點(diǎn)擊檢查即可查看殴边。
打開Elements標(biāo)簽
Html文件是由大量的標(biāo)簽組成憎茂,標(biāo)簽是尖括號(hào)包圍的關(guān)鍵詞。
比如html锤岸、head竖幔、body等,標(biāo)簽通常是成對(duì)出現(xiàn)的能耻。
第一個(gè)標(biāo)簽是開始標(biāo)簽赏枚,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽,中間是顯示內(nèi)容晓猛。
Head標(biāo)簽用于定義文檔的頭部饿幅,描述了文檔的各種屬性和信息,比如文檔的標(biāo)題戒职,其他包含的數(shù)據(jù)一般不顯示在網(wǎng)頁上栗恩。
?Body標(biāo)簽用于定義文檔的主題,包含文檔的所有內(nèi)容洪燥,比如文本磕秤、超鏈接乳乌、圖像、表格和列表等市咆。
選中一個(gè)標(biāo)簽
右擊選擇Edit as HTML
即可編輯該節(jié)點(diǎn)汉操。
或者直接雙擊也可直接進(jìn)入可編輯狀態(tài),
可以直接修改標(biāo)簽中間的內(nèi)容蒙兰,改變頁面對(duì)應(yīng)的內(nèi)容磷瘤。
選擇Delete element即可刪除該標(biāo)簽節(jié)點(diǎn)。
CSS搜变,層疊樣式表采缚,用來修飾標(biāo)簽,設(shè)定標(biāo)簽顯示成什么樣式挠他。
選中一個(gè)標(biāo)簽扳抽,右側(cè)的Styles顯示了該對(duì)象CSS 的屬性,可以實(shí)施修改殖侵。
比如贸呢,font-size:XX;表示字體的大小愉耙,color:XX贮尉;表示字體顏色拌滋,background-color:XX朴沿;表示背景色。
可以為標(biāo)簽設(shè)定ID標(biāo)記败砂,ID選擇器可以為標(biāo)有特定ID的HTML元素指定特定的樣式赌渣,一般ID是唯一的。
可以為標(biāo)簽設(shè)定class標(biāo)記昌犹,相同class的多個(gè)標(biāo)簽標(biāo)記將會(huì)使用相同的css樣式屬性坚芜。
通常在html中嵌入css有三種方式
第一種方式:插入到style標(biāo)簽中定義標(biāo)簽、id或class對(duì)應(yīng)的樣式斜姥。
第二種方式:寫在具體元素的style屬性內(nèi)鸿竖。
第三種方式:把css樣式寫到單獨(dú)的文件中,然后在html中調(diào)用這個(gè)文件铸敏。
JavaScript是互聯(lián)網(wǎng)上最流行的腳本語言直接插入html頁面控制網(wǎng)頁動(dòng)作缚忧。
JavaScript可以包含在script標(biāo)簽中,可以引用單獨(dú)的JavaScript文件杈笔。