HTML CSS學習筆記（1）HTML入門

前言

本意是寫給自己看的學習筆記，如果能恰好幫到有需要的人那最好了。我是乙個接觸時間不長的新手，禿頭摸爬滾打中，將一些重點總結記錄下來，如有錯誤歡迎指正。

（1）一些相關知識

**由網頁構成，網頁有靜態和動態之分。靜態網頁指的是無論使用者何時訪問，網頁都會顯示固定的資訊，除非網頁源**被重新修改上傳。靜態網頁更新不方便，但訪問速度快。動態網頁可以和伺服器資料庫進行實時的資料交換，顯示的內容會隨著使用者操作和時間的不同而變化。

web標準主要包括結構、表現和行為三方面。結構用於對網頁元素進行整理和分類，主要包括html（超文字標記語言）、xml和xhtml；表現用於設定網頁元素的外觀樣式，主要指的是css（層疊樣式表）；行為指的是網頁模型的定義及互動的編寫，主要包括dom和ecmascript。

（2）html簡介

html 是用來描述網頁的一種語言，稱為超文字標記語言 (hyper text markup language)，html 不是一種程式語言，而是一種標記語言 (markup language)，標記語言是一套標記標籤 (markup tag)。

html 使用標記標籤來描述網頁，在html頁面中，帶有「<>」符號的元素被稱為html標記，也稱為html標籤或html元素。

html標籤分為單標籤與雙標籤：單標籤也稱空標籤，只用乙個標籤符號即可完整地描述某個功能的標籤；雙標籤也稱體標籤，指由開始和結束兩個標籤符組成的標籤。

html標籤可以對屬性進行設定，乙個標籤可以擁有多個屬性，必須寫在開始標籤中，位於標籤名後面。屬性之間不分先後順序，標籤名與屬性、屬性與屬性之間均以空格分開。任何標籤的屬性都有預設值，省略該屬性則取預設值。

（3）html文件基本格式

"-//w3c//dtd xhtml 1.0 transitional//en"
"">
"">

以上是html文件的基本格式，每個標籤的具體介紹如下：

標籤位於文件的最前面，用於向瀏覽器說明當前文件使用哪種標準規範。

標籤位於標籤之後，也稱為根標籤，用於告知瀏覽器其自身是乙個html文件。在之後的一串**「xmlns=「」」用於宣告xhtml統一的預設命名空間。

標籤用於定義html文件的頭部資訊，也稱為頭部標籤。乙個html文件只能含有乙個標籤，絕大多數文件頭部包含的資料都不會真正作為內容顯示在頁面中。

標籤用於定義頁面的源資訊，可重複出現在標籤中，在html中是乙個單標籤。標籤有幾種常用的設定，示例：

1.用於設定網頁關鍵字。

這裡name屬性的值為keywords，用於定義搜尋內容名稱為網頁關鍵字；content屬性的值用於定義關鍵字的具體內容，多個關鍵字內容之間用「,」隔開。

2.用於設定網頁描述。

這裡name屬性的值為description，用於定義搜尋內容名稱為網頁描述；content屬性的值用於定義描述的具體內容。

3. 用於設定網頁作者。

這裡name屬性的值為author，用於定義搜尋內容為網頁作者；content屬性的值用於定義具體的作者資訊。

4. 用於設定字符集。

這裡http-equiv屬性提供引數型別，content屬性提供對應的引數值。content屬性的值為text/html和charset=utf-8，中間用「;」隔開，用於說明當前文件型別為html，字符集為utf-8（國際化編碼）。

5. 用於設定頁面自動重新整理與跳轉。

這裡http-equiv屬性的值為refresh，content屬性的值為數值和url位址，中間用「;」隔開，用於指定在特定的時間後跳轉至目標頁面，該時間預設以秒為單位。

標籤用於定義html頁面的標題。

標籤用於引用外部檔案，乙個頁面允許使用多個標籤引用多個外部檔案。例如使用引用外部css樣式表。

標籤用於注釋，注釋內容不會顯示在瀏覽器視窗中。