HTML

html基本結構

• html : 是不區分大小寫
• html是由開始，由結束，在這之間是分和兩部分
• 是給html頁面增加一些輔助或者屬性資訊，裡面的內容會最先載入。
• 標籤裡面存放的才是真正要顯示的資料

HTML語法

標籤

帶有特殊含義的網頁的標記元素
格式：<開始標籤> 標籤體 </結束標籤>

分類

帶標籤體的標籤          如：  <p> XX </p>
不帶標籤體的標籤      如： <br/>
標籤應該成對出現

屬性

寫在開始標籤上的  名=“值”對代表該標籤的屬性 <font color=“red”></font>。
一個標籤可以有多個屬性，多個屬性之間使用空格隔開。
注意：屬性值最好使用單引號或者雙引號引起來。
 

註釋

<!--我是註釋-->

文字標籤

• 標題(h1~h6)
• 水平線(hr)
• 段落§
• 上下標(sup和sub)
• 換行(br)
• 原樣輸出(pre)
• 有序列表ol li
• 無序列表ul li
• 專案列表標籤(dl dt dd)
• 行內標籤(span)
• 塊標籤

HTML連結和影象

連結標籤

跳轉：<a href = "資源路徑" target="_blank">
郵件：<a href="mailto:email"></a> 
定位：<a name=“#標記名”></a> 和 <a name="標記名" >

影象標籤：

<img src=”1.jpg” align=” middle” border=”3” alt=”圖片說明文字” username="#Map"/>
 <map name=“Map” >    使用作為熱點圖的
          <area shape="rect" coords="50,59,116,104" href="1.html" />
          <area shape="circle" coords="118,203,40" href="2.html" />
  </map>

tabel表格

 - 標題標籤：<caption>，給表格提供標題。 
 - 表頭標籤：<th>，一般對錶格的第一行或者第一列進行格式化，就是粗體顯示。並不常用。 
 - 行標籤：<tr> 
 - 單元格標籤：<td>，載入行標籤的裡面。可以簡單理解為，先有行，在行中在加入單元格。
 

HTML表單

表單

表單，在網頁中主要負責資料採集的功能，
比如你可以採集訪問者的名字和e－mail地址、調查表、留言簿等等。

組成

表單標籤：  <form action=“” method=“” enctype=“”></form>
表單域    ： <input type=“” name=“” /> 
表單按鈕： <input type="submit" name="..." value="...“/> 

常見的表單域

文字欄位     <input type=“text” name=“” value=“”/> 
密碼欄位、   隱藏欄位 type = "password"
單選按鈕      type=radio 單選按鈕必需要分組，分組的方法就是給標籤name屬性，name屬性的值必須一樣。
多選按鈕     type =checkbox，多選按鈕的name屬性必須一致。
檔案選擇框	 type=“file”  
下拉列表      <select ><option>
文字輸入域   <textarea> 根據cols定義它的列，rows定義文字框的行數
按鈕	type=“button”

css

CSS引入方式

CSS選擇器

盒子模型

相對定位、絕對定位