育將電腦工作室 - 線上書籍

網站程式設計-PHP
==========

1. 下載：<https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip>
2. 將下載檔案解壓縮，並將其中 css、js、fonts 複製至專案資料夾，這樣就算安裝完成。  
   ![](https://www.ugm.com.tw/uploads/tad_book3/image/10502/bootstrap/1.jpg)  
   ![](https://www.ugm.com.tw/uploads/tad_book3/image/10502/bootstrap/2.jpg)
3. 套用框架：<https://kkbruce.tw/bs3/GettingStarted>  
   如果要離線使用，請下載「jquery.min.js」，然後修改連結位置。  
   bootstrap.min.js 必須 放在 jquery.min.js 的後面 ```
  <pre class="brush:as3;">
  
  <html lang="zh-Hant">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Bootstrap 101 Template</title>
  
      
      <link href="css/bootstrap.min.css" rel="stylesheet">
  
      
      
      
    </head>
    <body>
      <h1>Hello, world!</h1>
  
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
      
      <script src="js/bootstrap.min.js"></script>
    </body>
  </html>
  ```
4. HTML5的架構  
     
   ![](https://www.ugm.com.tw/uploads/tad_book3/image/google/105ds/html5.jpg)第一行：HTML5 的 DOCTYPE宣告。  
   第二行：lang="zh-Hant" 設定網頁為繁體中文語系  
   html 標籤包含 head、body  
   <meta charset="UTF-8">設定網頁的文字編碼 `<html lang="zh">` 裡的 `lang` 屬性用來標記網頁所使用的語系。中文有三種設法，一、賦予 `zh` 值，表示為通用中文。二、賦予 `zh-Hant` 值，表示為正體中文。三、賦予 `zh-Hant-TW` 值，表示為台灣所使用的正體中文
5. 常用的網頁標籤元素 
  1. h1~h6：標題
  2. ol、ul：有序列表、無序列表
  3. <p></p>：段落
  4. <div> </div>：區塊
  5. ：註解
  6. <iframe src="要嵌入的網頁網址" style="width:100%;height:1000px;"></iframe>：內嵌入另外一個網頁
6. 常用的網頁標籤屬性 
  1. id：唯一
  2. class：可重覆
  3. style：設定css
 
</body></html>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown