一. html簡介
HyperText Markup Language (HTML)
HTML ( 超檔案標記語言 ) 是一種建立網頁檔案的語言,透過標記式的指令 (Tag),將影像、聲音、圖片、文字等連結顯示出來.
二.html檔案基本架構
<HTML> 檔案開始
<HEAD> 標題區開始
<TITLE>...</TITLE> 標題區
</HEAD> 標題區結束
<BODY> 文本區開始
文本區內容
</BODY> 本文區結束
</HTML> 檔案結束
附:
<HTML> 網頁檔案格式。
<HEAD> 標題區 : 記錄檔案基本資料,如作者、編寫時間。
<TITLE> 標題區 : 檔案標題須使用在標題區內,可以在瀏覽器最上面看到標題。
<BODY> 本文區 : 檔案資料,即在瀏覽器上看到的網站內容
三.html的元素與標籤
1.標籤:
Html元素是由單個或一對標籤定義的包含範圍
一個標籤就是左右分別由一個小於符號(<)和大於符號(>)的字串,開始標籤是指不以斜杠(/)開頭的標籤,其內是一串允許的屬性-值對.結束標籤是以一個斜杠(/)開頭的標籤.
例:
<body>
<font color=”read”> 什麼是標籤</font>
</body>
分析:
<body>是開始標籤,</body>是結束標籤
<font color=”red”>中font 是開始標籤,color=”red”是 屬性/值對,就是說屬性color的值是red
</font>是結束標籤
“什麼是標籤” 是內容
2.元素
四種元素的形式
(1).空元素
<br>
(2)帶有屬性的空元素
<hr color=”red”>
(3).帶有內容的元素
<title>我的html教程</title>
(4).帶有內容和屬性的元素
<font color=”read”> 什麼是標籤</font>
注意:
1. 編寫html文檔時,可以不按照html的架構格式,因為我們用的瀏覽器(IE)可以很好的解析
不過個人建議還是按照標準比較,比較討厭microsoft又有破壞標準的意味
2. html標籤的屬性是可選的,根據需要可以寫也可以不寫
3. html文檔中,給一個標籤屬性賦值的時候,可以加雙引號,也可以不加雙引號
4. html文檔中,標籤和屬性的名字是大小寫無關的
5. html文檔中,如果存在連續多個空白字元(空格,定位字元,斷行符號,換行等),瀏覽器在解析時解析成一個空白字元