前言：
實驗提供 : https://www.shiyanlou.com/courses/19
開發環境與IDE : Windows10 - Sublime Text & FireFox
(課件的話簡單看了一下，不過感覺…還是多寫寫纔有用，Orz)
筆記：
·基本框架
<!DOCTYPE html>
<html>
<head>
<!-- -bgcolor : 背景顏色屬性 -->
<title></title>
<meta charset='utf-8'/>
</head>
<body>
</body>
</html>
·常用標籤與屬性
【標題類】
<h> : h1-h6，標題用，大小遞減
-align : 佈局
【文字格式類】
<br/> : 換行
<p></p> : 分段
- a p's margin equals two br
<pre></pre> : 預格式處理，保留空格換行
【鏈接類】
<a></a> : 連接，中間爲超鏈接連接文本
- name : 標籤標識符 ; herf : 接url->另一頁面【鏈接】 / 接#(string)->帶有該名字的a標識符【書籤】
- target : 打開鏈接方式 : "_self"直接鏈接/"_blank"打開新頁面
【字體類】
<b></b> : 粗體
<strong></strong> : 強調
<big></big> : oversize
<small></small> : smallersize
<i></i> : 斜體
<em></em> ： 突出顯示
【佈局類】
<table> ： 表格
- <tr> : 新的一列 ; <th> : 表頭 ; <td> : 表項
- rowspan : 跨行數 ; colspan : 跨列數 ; border : 線條磅數
<div> : 同一列
- id : 標識符
- class : 類
<!-- id與class不同時以id屬性爲主 -->
- #(string) : 指定某一部件(用於開頭)
<span> : 同一行
- id : 標識符
- #(string) : 指定某一部件(用於開頭)
【列表類】
<ol> : 有序表格
- <li> : 表項
- start : 接數字(開始數字) / type : "A"->A,B,C,D… / "I"->I,II,III,…
<ul> : 無序表格
- <li> : 表項
- type : square(小正方形塊) / circle(小空心圓) / 無(小實心圓)
<dl> : 定義式表格
- <dt> : 定義術語(1) / <dd> : 定義說明(多)
【圖片類】
<img> : 圖片標籤,通過source設置url
【表單類】
<Form> : 表單
- <input/> 生成一個輸入框/選擇框
- type : text(文本框,類UWP的TextBox) / password(密碼,輸入時會顯示···) / radio(單選框,可設置同樣的name使得其值易取) / checkbox(複選框)
- name : 標識符(可重複)
- value : 文本框
【button類】
<button> ShowingName </button> :
- ShowingName : button上顯示的文字
- type : summit(提交框) / button / reset
- formtarget : (該屬性與type='summit'配合使用) 規定在何處打開URL - _blank / _self
- name : 標識符
-formenctype : (該屬性與type='summit'配合使用) 發送表單時如何對錶單進行編碼
-formmethod : (該屬性與type='summit'配合使用) 發送表單的HTTP方法 - get / psot
【屬性類】
<style>
div#(id/class)={;;;}
</style>
body內部 : text-align : 文字佈局 ; background-color ; color ; font-family : 字體 ; font-size