Html和CSS的關(guān)系,學(xué)習(xí)web前端開發(fā)基礎(chǔ)技術(shù)需要掌握:HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術(shù)都是用來實(shí)現(xiàn)什么的:
HTML是網(wǎng)頁內(nèi)容的載體。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。
CSS樣式是表現(xiàn)。就像網(wǎng)頁的外衣。比如,標(biāo)題字體、顏色變化,或?yàn)闃?biāo)題加入背景圖片、邊框等。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。
JavaScript是用來實(shí)現(xiàn)網(wǎng)頁上的特效效果。如:鼠標(biāo)滑過彈出下拉菜單。或鼠標(biāo)滑過表格的背景顏色改變。還有焦點(diǎn)新聞(新聞圖片)的輪換。可以這么理解,有動(dòng)畫的,有交互的一般都是用JavaScript來實(shí)現(xiàn)的。
語義化,讓你的網(wǎng)頁更好的被搜索引擎理解
在這一章節(jié)我們要開始把網(wǎng)頁中常用到的標(biāo)簽一 一向大家介紹,學(xué)習(xí)這一章節(jié)的時(shí)候要記住學(xué)習(xí)html標(biāo)簽過程中,主要注意兩個(gè)方面的學(xué)習(xí):標(biāo)簽的用途、標(biāo)簽在瀏覽器中的默認(rèn)樣式。
標(biāo)簽的用途:我們學(xué)習(xí)網(wǎng)頁制作時(shí),常常會(huì)聽到一個(gè)詞,語義化。那么什么叫做語義化呢,說的通俗點(diǎn)就是:明白每個(gè)標(biāo)簽的用途(在什么情況下使用此標(biāo)簽合理)比如,網(wǎng)頁上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽,網(wǎng)頁上的各個(gè)欄目的欄目名稱也可以使用標(biāo)題標(biāo)簽。文章中內(nèi)容的段落就得放在段落標(biāo)簽中,在文章中有想強(qiáng)調(diào)的文本,就可以使用 em 標(biāo)簽表示強(qiáng)調(diào)等等。
講了這么多語義化,但是語義化可以給我們帶來什么樣的好處呢?
更容易被搜索引擎收錄。
更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容。
標(biāo)簽的語法
標(biāo)簽由英文尖括號(hào)<和>括起來,如<html>就是一個(gè)標(biāo)簽。
html中的標(biāo)簽一般都是成對(duì)出現(xiàn)的,分開始標(biāo)簽和結(jié)束標(biāo)簽。結(jié)束標(biāo)簽比開始標(biāo)簽多了一個(gè)/。