知識結構

1. html
2. css
3. javaScript
   1. jQuery

• 網頁的組成

  1. 結構(HTML)
     • HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，可以包含文字、圖片、視訊等。
  2. 表現(CSS)
     • CSS樣式是表現。就像網頁的外衣。比如，標題字型、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
  3. 行為
     1. JavaScript
     2. JQuery

• html檔案的結構

  1. 為HTML頁面中的根標籤，所有的HTML網頁中的標籤都在中。
  2. 標籤用於定義文件的頭部，它是所有頭部元素的容器。頭部元素有
  3. <title>、<script>、 <style>、<link>、<meta>、<title>、<script>、 <style>、<link>、<meta>
  4. 在和標籤之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標籤，在這裡的標籤中的內容會在瀏覽器中顯示出來。

• 標籤的語法

  1. 標籤由英文尖括號 < 和 > 括起來,如：
  2. html中的標籤一般都是成對出現的,分開始標籤和結束標籤。結束標籤比開始標籤多一個 / ,;還有一些是自結束標籤，如：
     
  3. 標籤與標籤之間是可以巢狀的，但先後順序必須保持一致，如：<div>裡巢狀<p>，那麼<p>必須放在<div>的前面。如： <div><p>…<p><div>
  4. 註釋是不可以巢狀的,如：<!-- <!-- 註釋部分 --> -->
  5. HTML標籤不區分大小寫,<h1>和<H1>是一樣的,但建議小寫。
  6. 標籤一般分為有始有終、自結束兩類

HTML的常用標籤

• 標題標籤，div，段落，轉義字元，無序列表，圖片標籤
• 標題標籤：<h1>…</h1>~<h6>…</h6>
• div標籤：<div>…</div>，相當於一個容器,可以把一些獨立的邏輯部分(如網頁中獨立的欄目版塊)劃分出來
• 段落標籤：<p>…</p>
• 轉義字元
  • 語法：&;
  • eg:
    • &gt; 大於號
    • &lt; 小於號
    • &nbsp; 空格
    • &emsp; 中文空格
    • &copy; 版權號
• 無序列表：

        <ul>
            <li>...</li>
            <li>...</li>
        </ul>

• 圖片標籤：
  • alt:圖片無法顯示時顯示的描述性文字
  • src:圖片的地址
    • 相對路徑
    • 絕對路徑
  • title(瞭解):滑鼠放在圖片上時顯示的描述性文字
• 超連結：<a href="" target=""></a>
  • href:指向一個連結地址
  • target:目標視窗
    • 值為”_self”時在向當前視窗(預設)開啟新的網頁
    • 值為”_blank”時在新的視窗開啟
• 內聯框架

	<iframe src="" name=""></iframe>
    src:一個網頁的地址
    name: iframe的名字，當<a>標籤的target屬性值      為iframe的name時，超連結的目標頁面會在iframe中開啟

• 一些強調標籤
  • <strong>和<em>標籤
    • 兩者在強調的語氣上有區別: <em> 表示強調，<strong> 表示更強烈的強調。並且在瀏覽器中<em> 預設用 斜體 表示，<strong> 用 粗體 表示。
  • <span>標籤
    • <span>標籤是沒有語義的，它的作用就是為了設定單獨的樣式用的。有了它就可以對某段文字裡的幾個字單獨設定樣式了。
• talbe標籤，製作表格
  • border：邊框
  • tr：行
  • td：列（單元格)
    • th：特殊的td表示表頭
  • 跨行，跨列
    • colspan：跨行
    • rowspan：跨列
  • align屬性，
    • left
    • right
    • center
• form標籤，製作表單，可提交！！！
  • name
  • method 提交方式
    • get
    • post
  • action form提交到哪裡
  • input標籤配合form使用
    • type型別選擇器
      • text文字框
      • password密碼框
      • reset重置按鈕
      • submit提交按鈕
      • radio單選按鈕
      • checkbox多謝按鈕
  • select標籤，製作下拉列表框
    • name必須要有！！！否則不能提交，表單提交類似於java的properties
    • option配合使用表示列表框