學習《HTML+CSS基礎課程》的筆記---第一篇:Html介紹

R-B發表於2021-09-09
一、HTML、CSS、JavaScript的區別與聯絡。

web前端開發基礎技術需要掌握:HTML、CSS、JavaScript語言。這三門技術分別是用來實現:

  • HTML網頁內容的載體。
    內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊,包含文字、圖片、影片等。

  • CSS樣式是表現。
    就像網頁的外衣。比如,標題字型、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。

  • JavaScript是用來實現網頁上的特效效果。
    如:滑鼠滑過彈出下拉選單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的輪換。可以這麼理解,有動畫的,有互動的一般都是用JavaScript來實現的。
二、HTML的標籤特點

標籤一般由英文尖括號>括起來,成對出現,分開始標籤和結束標籤。結束標籤比開始標籤多了一個/。標籤與標籤之間是可以巢狀的,但先後順序必須保持一致,即成對保持一致。

三、HTML檔案的基本結構

固定結構:


    ...
    ...

1.稱為根標籤,所有的網頁標籤都在中。

2. 標籤用於定義文件的頭部,它是所有頭部元素的容器。頭部元素有、<div>&#12289; <style>&#12289;<link>&#12289; <meta></div> 等標籤。

3.在標籤之間的內容是網頁的主要內容,如

等網頁內容標籤,在這裡的標籤中的內容會在瀏覽器中顯示出來。

四、認識head標籤

文件的頭部描述了文件的各種屬性和資訊,包括文件的標題等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者。

在head部分可用的標籤:


...



...

標籤:在標籤之間的文字內容是網頁的標題資訊,它會出現在瀏覽器的標題欄中。網頁的title標籤用於告訴使用者和搜尋引擎這個網頁的主要內容是什麼,搜尋引擎可以透過網頁標題,迅速的判斷出網頁的主題。每個網頁的內容都是不同的,每個網頁都應該有一個獨一無二的title。

五、HTML的程式碼註釋

語法:

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4560/viewspace-2798376/,如需轉載,請註明出處,否則將追究法律責任。

相關文章