檢視資訊基礎應用/蕭卉均的原始碼

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

===九月十二日===
*筆記網頁建設
*#登入後搜尋{資訊基礎應用/蕭卉均}
*#點一下，開始編輯
*#編輯完點儲存頁面
*通訊錄
*#<tr><td class='nicetable'>蕭卉均</td><td class='nicetable'>0939912983</td><td class='nicetable'>suzy92126@gmail.com</td></tr>
*#網頁表格
<table class='nicetable'>
<tr><td class='nicetable'>蕭卉均</td><td class='nicetable'>0939912983</td><td class='nicetable'>suzy92126@gmail.com</td></tr>
</table>
*顏色
<table border=1>
<tr><td>紅色</td><td>foo</td><td>綠色</td><td>ofo</td></tr>
<tr><td>藍色</td><td>oof</td><td>白色</td><td>fff</td></tr>
<tr><td>黑色</td><td>ooo</td><td>灰色</td><td>aaa</td></tr>
</table border=1>
*borde=1.px(邊框)
*style(樣式)
*collapse(崩塌)
*solid(實線)

===九月十九日===
*重點整理
*#<table border=1>
<tr><td>Td</td><td>標籤</td></tr>
<tr><td>Style&class</td><td>屬性</td></tr>
<tr><td>Style</td><td>樣式</td></tr>
<tr><td>#XXX</td><td>指定XXX</td></tr>
</table border=1>
*網頁顏色修改
*# border:blue solid 2px;
*ID
*#ID='ABC'，指定特有英文，能針對段落修改
*CSS
*#層疊樣式表，英語：Cascading Style Sheets，簡寫CSS，一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標準。CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在開發中。
*#優勢，網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來。這有許多好處：1檔案的可讀性加強2檔案的結構更加靈活3作者和讀者可以自己決定檔案的顯示4檔案的結構簡化了
*#語法，CSS由多組「規則」組成。每個規則由「選擇器」（selector）、「屬性」（property）和「值」（value）組成：選擇器（Selector）：多個選擇器可以半形逗號（,）隔開。屬性（property）：CSS1、CSS2、CSS3規定了許多的屬性，目的在控制選擇器的樣式。值（value）：指屬性接受的設定值，多個關鍵字時大都以空格隔開。屬性和值之間用半形冒號（:）隔開，屬性和值合稱為「特性」。多個特性間用「;」隔開，最後用「{ }」括起來。
*#歷史，從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年為止，第三版還未完備。
*#https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8
===九月二十六日===
*wiki
*#分享式合作
*#Wikipeida是Alexa流量統計前幾名唯一屬於公益性質的網站，其他皆是商業性的公司。
*共享私人飛機
*#http://hk.bbwc.cn/mjyugm.html
*口決
*#井號、星號、等號、中括號；用空白行分段
*圖照的引用
[[File:Palace of Westminster, London - Feb 2007.jpg|203px]]
*檔案:Go top.gif格式：檔案:檔名|圖長|圖寬|…
*CC
*#CC授權(Creative Commons，簡稱CC)
*#諸標章：CC授權、姓名標示、非商業性、禁止改作、相同方式分享。
*#限制者才有標章，不限制者沒有標章。
*#六種核心授權：1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
*''PIXE.=PX''
*WIKI
*#單中括號，A
*#雙中括號，多為圖片用
*圖片檔
*#PNG:不失真，公開格式
*#JPG:又名JEPG，失真，壓縮
*#GIF:可動畫，256色
*#SVG:又為向量圖，特色，放大不毛邊
*#發表權限，公司發表後50年，個人死後50年，美國修改為70年
*文字表現
*#「'''''''…'''''''」代表所夾的字要拉斜。
*#「''''''''…''''''''」代表所夾的字要加粗
*#「{|」表格開始，其後可以加表格屬性；「|}」表格結束
*#&GT；有些服藥與標籤相同，加&GT區隔
===十月三日===
以 word 打開
*#找到「尺規」開關並打開
*#取消「檔案/選項/進階/顯示字元寬度單位」核取方塊
*#找出長寬
*#每 inch 2.54公分，72pt
*#開「履歷表.html」頁
*#在樣式定義中以「@page 某值{…}」設定 css
*#在顯示區中以「<div style='page:某值;'>」
*可用的定義：
*#size:寬 長;
*#margin:天 右 地 左
*#mso-page-orientation:landscape 橫放
*#mso-header-margin:頁首大小
*#mso-footer-margin:頁尾大小
===十月十日===
*國慶連假

===十月十七===
*XML(標籤)
*#MARKUP
*#指示
*XML.NS
*#NAME SPACE
*#HTML，註解
*#charset屬性指定HTML文檔的字符編碼
*W3C
*padding(內距)
*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
*#不可以設定負值，這點與 margin 不同
*#padding:auto;：讓瀏覽器自己去設定
*#padding:%;：讓瀏覽器自己去設定，跟邊界元素有關
*margin(邊沿)
*#控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距
*#可以設定負値，會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如，我們將 A 區塊的 margin-bottom 設為 0 ， B 區塊的 margin-top 設為 -10px ，那麼 B 區塊的文字就會疊到 A 區塊的文字上
*#margin:auto;：讓瀏覽器自己去設定
*#margin:%;：讓瀏覽器自己去設定，跟邊界元素有關
*border(邊框)
*#邊框粗細：用長度表達
*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達
*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等
*警號
*#三個數字，紅&綠&藍
*#六個數字，紅紅&綠綠&藍藍
===十月二四日===
*<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'><circle cx='6' cy='6' r='4' style='fill:#fff;stroke:blue;stroke-width:2;fill-opacity:0'/></svg>
*#開始與結束合一。
*#長度如省略單位，預設單位為 px。
*#px可以使用小數點。
*#以左上為座標原點。
*#座標描述先 x 後 y 。
*#stlye屬性中關於線條之樣式，也可以作為繪圖：
*#stroke (線條顏色)，
*#stroke-width (線條寬度)，
*#stroke-opacity (線條顏色的透明度，合法的範圍是：0 - 1，0最透明，預設1)，
*#stroke-linecap (線條端點形狀，預設butt端點切齊、round以端點為圓心線寬為直徑畫圓、square以端點為中心線寬為邊長畫方形)，
*#stroke-linejoin (線條轉彎處樣式，預設miter尖角、round圓角、bevel斜角)，
*#stroke-miterlimit (尖角內外距/線寬的最大值，不設限則尖角可以拉長至無限長，預設為 4 倍)，
*#stroke-dasharray (預設none，代表實線。若為數字其值為一陣列，陣列值為線段中實線段長度與虛線段長度的交錯數字，通常是兩個數字一組，如果是奇數，則最後面自動加補第一個數字)
*#stlye屬性中關於面之樣式：
*#fill (填充顏色)，
*#fill-opacity (填充不透明，合法的範圍是：0 - 1，0最透明，預設1)。
*#fill-rule (polygon等標籤有時會將內部分割成不同的區域，填色方式，預設nonzero全部同色、evenodd相鄰區域內部填色與外部填色交互填充、inherit繼承)選擇器 class,id 同 CSS 。
#常見的簡易繪圖標籤：
*#line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第一點y座標)。
*#polyline(多點成線)，諸屬性如下：
*#points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
*#polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
*#points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
*#circle(圓)，諸屬性如下：
*#cx(圓心x座標)，cy(圓心y座標)，r(半徑)
*#rect(矩形)，諸屬性如下：
*#width(寬)，height(高)，省略起點則以原點為起點，x(起點x座標)，y(起點y座標)，rx(圓角x半徑)，ry(圓角y半徑)
*#ellipse(楕圓)，諸屬性如下：
*#cx(中心x座標)，cy(中心x座標)，rx(x軸半長)，ry(y軸半長)。