學習筆記

九月五日

table是開始，/table是結束
IP
1. IP4，最多表達到255字，IPV4一般網頁使用
2. IP6，物聯網用
物聯網
1. 物聯網簡單說一切事物，得失相兼
域名
1. 域名伺服器(HOSTS)
AI(人工智慧)
FZ
1. 調整 C:\Windows\System32\drivers\etc\hosts，新增一行「192.168.4.2 6years.jendo.org」，下課前#拿掉
2. FZ:編輯>設定>檔案編輯>使用自訂編輯> Programs>Copy>EmEditor>總是使用預設編輯
3. big5，早期，只有繁體中文
4. UTF-8，萬國碼

九月十二日

筆記網頁建設
1. 登入後搜尋{資訊基礎應用/蕭卉均}
2. 點一下，開始編輯
3. 編輯完點儲存頁面
通訊錄
1. <tr><td class='nicetable'>蕭卉均</td><td class='nicetable'>0939912983</td><td class='nicetable'>suzy92126@gmail.com</td></tr>
2. 網頁表格

蕭卉均

0939912983

suzy92126@gmail.com

顏色

紅色	foo	綠色	ofo
藍色	oof	白色	fff
黑色	ooo	灰色	aaa

borde=1.px(邊框)
style(樣式)
collapse(崩塌)
solid(實線)

九月十九日

重點整理
1. Td 標籤
  
  Style&class 屬性
  
  Style 樣式
  
  #XXX 指定XXX
  - 網頁顏色修改
    1. border:blue solid 2px;
  - ID
    1. ID='ABC'，指定特有英文，能針對段落修改
  - CSS
    1. 層疊樣式表，英語：Cascading Style Sheets，簡寫CSS，一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標準。CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在開發中。
    2. 優勢，網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來。這有許多好處：1檔案的可讀性加強2檔案的結構更加靈活3作者和讀者可以自己決定檔案的顯示4檔案的結構簡化了
    3. 語法，CSS由多組「規則」組成。每個規則由「選擇器」（selector）、「屬性」（property）和「值」（value）組成：選擇器（Selector）：多個選擇器可以半形逗號（,）隔開。屬性（property）：CSS1、CSS2、CSS3規定了許多的屬性，目的在控制選擇器的樣式。值（value）：指屬性接受的設定值，多個關鍵字時大都以空格隔開。屬性和值之間用半形冒號（:）隔開，屬性和值合稱為「特性」。多個特性間用「;」隔開，最後用「{ }」括起來。
    4. 歷史，從1990年代初HTML被發明開始，樣式表就以各種形式出現了，不同的瀏覽器結合了它們各自的樣式語言，讀者可以使用這些樣式語言來調節網頁的顯示方式。一開始樣式表是給讀者用的，最初的HTML版本只含有很少的顯示屬性，讀者來決定網頁應該怎樣被顯示。但隨著HTML的成長，為了滿足設計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越沒有意義了。1994年哈肯·維姆·萊提出了CSS的最初建議。伯特·波斯（Bert Bos）當時正在設計一個叫做「Argo」的瀏覽器，他們決定一起合作設計CSS。當時已經有過一些樣式表語言的建議了，但CSS是第一個含有「層疊」的主意的。在CSS中，一個檔案的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承，或「層疊」作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設計，混合各人的愛好。哈肯於1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個建議。當時W3C剛剛建立，W3C對CSS的發展很感興趣，它為此組織了一次討論會。哈肯、波斯和其他一些人（比如微軟的托馬斯·里爾登）是這個專案的主要技術負責人。1996年底，CSS已經完成。1996年12月CSS要求的第一版本被出版。1997年初，W3C內組織了專門管CSS的工作群組，其負責人是克里斯·里雷。這個工作群組開始討論第一版中沒有涉及到的問題，其結果是1998年5月出版的第二版要求。到2017年為止，第三版還未完備。
    5. https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8
  九月二十六日
  - wiki
    1. 分享式合作
    2. Wikipeida是Alexa流量統計前幾名唯一屬於公益性質的網站，其他皆是商業性的公司。
  - 共享私人飛機
    1. http://hk.bbwc.cn/mjyugm.html
  - 口決
    1. 井號、星號、等號、中括號；用空白行分段
  - 圖照的引用
  - 檔案:Go top.gif格式：檔案:檔名|圖長|圖寬|…
  - CC
    1. CC授權(Creative Commons，簡稱CC)
    2. 諸標章：CC授權、姓名標示、非商業性、禁止改作、相同方式分享。
    3. 限制者才有標章，不限制者沒有標章。
    4. 六種核心授權：1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
  - PIXE.=PX
  - WIKI
    1. 單中括號，A
    2. 雙中括號，多為圖片用
  - 圖片檔
    1. PNG:不失真，公開格式
    2. JPG:又名JEPG，失真，壓縮
    3. GIF:可動畫，256色
    4. SVG:又為向量圖，特色，放大不毛邊
    5. 發表權限，公司發表後50年，個人死後50年，美國修改為70年
  - 文字表現
    1. 「''…''」代表所夾的字要拉斜。
    2. 「'''…'''」代表所夾的字要加粗
    3. 「{|」表格開始，其後可以加表格屬性；「|}」表格結束
    4. &GT；有些服藥與標籤相同，加&GT區隔
  十月三日
  
  以 word 打開
  - 1. 找到「尺規」開關並打開
    2. 取消「檔案/選項/進階/顯示字元寬度單位」核取方塊
    3. 找出長寬
    4. 每 inch 2.54公分，72pt
    5. 開「履歷表.html」頁
    6. 在樣式定義中以「@page 某值{…}」設定 css
    7. 在顯示區中以「
      」
  - 可用的定義：
    1. size:寬長;
    2. margin:天右地左
    3. mso-page-orientation:landscape 橫放
    4. mso-header-margin:頁首大小
    5. mso-footer-margin:頁尾大小
  十月十日
  - 國慶連假
  十月十七
  - XML(標籤)
    1. MARKUP
    2. 指示
  - XML.NS
    1. NAME SPACE
    2. HTML，註解
    3. charset屬性指定HTML文檔的字符編碼
  - W3C
  - padding(內距)
    1. 控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
    2. 不可以設定負值，這點與 margin 不同
    3. padding:auto;：讓瀏覽器自己去設定
    4. padding:%;：讓瀏覽器自己去設定，跟邊界元素有關
  - margin(邊沿)
    1. 控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距
    2. 可以設定負値，會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如，我們將 A 區塊的 margin-bottom 設為 0 ， B 區塊的 margin-top 設為 -10px ，那麼 B 區塊的文字就會疊到 A 區塊的文字上
    3. margin:auto;：讓瀏覽器自己去設定
    4. margin:%;：讓瀏覽器自己去設定，跟邊界元素有關
  - border(邊框)
    1. 邊框粗細：用長度表達
    2. 邊框顏色：可以使用色標準色碼或顏色的英文名稱表達
    3. 邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等
  - 警號
    1. 三個數字，紅&綠&藍
    2. 六個數字，紅紅&綠綠&藍藍
  十月二四日
  - svg放大不會不毛邊
  - 用程式碼構成一張圖~~步驟
    1. 宣告格式(版本&字格式&是否獨立存在)
    2. SVG開始(格式的長寬)
    3. SVG結束
  - polyline
  - polygon
  - circle
```
<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='400' height='400'>
<circle cx='120' cy='120' r='50' style='fff:#CD853F;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='280' cy='120' r='50' style='fff:#CD853F;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='200' cy='200' r='120' style='fill:#fff;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='250' cy='180' r='20' style='fill:black;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='150' cy='180' r='20' style='fill:black;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='150' cy='180' r='10' style='fill:#fff;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='250' cy='180' r='10' style='fill:#fff;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='200' cy='240' r='45' style='fill:black;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='200' cy='225' r='12' style='fill:#fff;stroke:black;stroke-width:2;fill-opacity:1'/>
```
  =十一月七日=

資訊基礎應用/蕭卉均

目錄

學習筆記

九月五日

九月十二日

九月十九日

九月二十六日

十月三日

十月十日

十月十七

十月二四日

導航

個人工具

名字空間

變換

檢視

動作

搜尋

導覽

工具箱

Td	標籤
Style&class	屬性
Style	樣式
#XXX	指定XXX