Html和CSS的關係
學習web前端開發基礎技術需要掌握:HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什麼的:
1. HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊,可以包含文字、圖片、視訊等。
2. CSS樣式是表現。就像網頁的外衣。比如,標題字型、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
3. JavaScript是用來實現網頁上的特效效果。如:滑鼠滑過彈出下拉選單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的輪換。可以這麼理解,有動畫的,有互動的一般都是用JavaScript來實現的。
認識標籤
<h></h> 是標題標籤,<p></p>是段落標籤,<img src="">是圖片標籤
標籤的語法
1. 標籤由英文尖括號<和>括起來,如<html>就是一個標籤。
2. html中的標籤一般都是成對出現的,分開始標籤和結束標籤。結束標籤比開始標籤多了一個/。
如:
(1) <p></p>
(2) <div></div>
(3) <span></span>
3. 標籤與標籤之間是可以巢狀的,但先後順序必須保持一致,如:<div>裡巢狀<p>,那麼</p>必須放在</div>的前面。如下圖所示。
4. HTML標籤不區分大小寫,<h1>和<H1>是一樣的,但建議小寫,因為大部分程式設計師都以小寫為準。
本文學習來自於慕課網...