1. 程式人生 > >HTML基礎01

HTML基礎01

html基礎內容

1,html就是超文字標記語言的簡寫,是最基礎的網頁語言。

2,html是通過標籤來定義的語言,程式碼都是由標籤所組成。

3,html程式碼不用區分大小寫

4,html程式碼由<html>開始</html>結束。裡面由頭部分<head></head>和體部分<body></body>兩部分組成。

5,頭部分是給html頁面增加一些輔助或者屬性資訊,它裡面的內容會最先被載入

6,體部分是真正存放頁面資料的地方。

  • 多數標籤都是由開始標籤和結束標籤,,其中有個別標籤因為只有單一功能,或者沒有要修飾的內容可以在標籤內結束<br/>。規範:所有的標籤必須閉合!
  • 想要對被標籤修飾的內容進行更豐富的操作,就用到了標籤中的屬性,通過對屬性值得改變,增加里更多的效果選擇。
  • 屬性與屬性值之間用“=”連線,屬性值可以用雙引號或單引號或者不用引號,一般用雙引號。或公司規範。
  • 格式:<標籤名 屬性名=‘屬性值’>資料內容</標籤名>
  • <標籤名 屬性名=‘屬性值’/>
  • 操作思想: 為了操作資料,都需要對資料進行不同標籤的封裝,通過標籤中的屬性對封裝的資料進行操作。標籤就相當於一個容器。對容器中的資料進行操作,就是在不斷的改變容器的屬性值。

    字型

  1.  字型標籤:<font>   例:<font szie=5 color=red>字型標籤示例</font>  注:簡單顏色可以用英文,複雜顏色用16進製表示,表現形式為#FF0000兩個數為一組,按紅,綠,藍排列,如#00FF00  表示綠色。#FFFFFF 為白色,#000000 為黑色。

  2. 標題標籤: <h1><h2>....<h6>     
  3. 特殊字元 :   由於一些特殊符號如 < > & 會被瀏覽器識別並解釋 ,所以用特殊字元代替 

    列表

  4. 列表標籤 :<dl>       <dt>:上層專案  <dd>:下層專案    ;  列表中專案符號對應的標籤: <ol>:數字標籤(a A 1 i I  ) <ul>:符號標籤 (空心圓  實心圓 方塊 )   ;<li>:具體專案內容標籤,此標籤只有在<ol><ul>標籤中有效;並通過type屬性改變專案的符號。

    影象

  5. 影象標籤: <img>   例:<img src="1.jpg" align="middle" border="3" alt="圖片說明文字"/>   align:定義圖片的排列方式,border:設定影象的邊框 ,src: 連線一個檔案
  6. 影象地圖 :<map>      應用:當要在影象中選取某一部分作為連線的時候;如:中國地圖每個省所對應的區域。   map標籤要和img標籤聯合使用。Href是超連線。