資訊基礎應用/李彥廷：修訂版本之間的差異
出自六年制學程
（→2017.10.17） |
（→2017.10.17） |
||
| 第 112 行： | 第 112 行： | ||
#*邊框粗細：用長度表達 | #*邊框粗細：用長度表達 | ||
#*邊框顏色：可以使用色標準色碼或顏色的英文名稱表達 | #*邊框顏色：可以使用色標準色碼或顏色的英文名稱表達 | ||
| + | #表格榻陷 | ||
| + | #*如果表格整列都沒有內容，在 word 中會榻陷是極扁的列，此時在表格中加空白沒用，但加 即可避免表格榻陷。 | ||
#*邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等 | #*邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等 | ||
#井號 | #井號 | ||
2017年10月17日 (二) 10:41的修訂版本
已記住的單字
| 英文 | 指令 | 中文 |
|---|---|---|
| hyper | html | 超 |
| text | html | 文字，文件 |
| markup | html | 標記 |
| language | html | 語言 |
| head | head | 頭 |
| title | title | 標題 |
| body | body | 身體 |
| anchor | a | 錨，超連結 |
| image | img | 圖 |
| paragraph | p | 段 |
| break | br | 斷 |
| space | space | 空間，空格 |
| horizontal | hr | 水平 |
| rule | hr | 線 |
| table | table | 表 |
| row | tr | 列 |
| diamond | td | 格 |
| order | ol | 有次序的 |
| unorder | ul | 沒有次序的 |
| list | ol;ul;li | 列表 |
| item | li | 項目 |
| style | style | 樣式(修飾一個超文件) |
| span | span | 文字小片段 |
| division | div | 區塊 |
| preserve | pre | 保留原有斷行及排列之式 |
| form | form | 表單 |
| source | src | 來源 |
| reference | href | 參考 |
| target | target | 目標 |
| blank | _blank | 空白 |
| width | width | 寬度 |
| height | height | 高度 |
| border | border | 邊界，邊框。 |
| font | font | 字體 |
| family | family | 字族，系 |
| size | size | 大小 |
| weight | weight | 輕重 |
| align | align | 對齊 |
| color | color | 顏色 |
| collapse | collapse | 崩塌 |
| html | html | 超文件 |
| content | content | 內容 |
| meta | meta | 對自身的描述 |
| http | http-equiv | 超文件傳輸協定 |
| equiv | http-equiv | 約當 |
| Character | charset | 字元 |
| set | charset | 集合 |
| alternative | alt | 替代的 |
| identy | id | 惟一的身份表示法 |
| background | background | 背景 |
| back | background | 背 |
| ground | background | 地面、引申為基礎的 |
| none | none | 沒有 |
| margin | margin | 邊 |
| padding | padding | 填充，框到框內圖文的距離 |
| pad | pad | 墊、便箋本 |
| clear | clear | 清乾淨 |
| position | position | 位置 |
| absolute | absolute | 絕對 |
| relative | relative | 相對的 |
| index | index | 指標 |
| left | left | 左 |
| center | center | 中 |
| right | right | 右 |
| top | top | 上 |
| middle | middle | 中 |
| bottom | bottom | 下(底) |
| button | button | 按鈕、按鍵 |
| class | class | 類別 |
| URL | URL | 網路資源的位置 |
| script | script | 腳本 |
2017.09.12
- 屬性:
- border 1px(邊框的屬性)
- style(樣式的屬性)
- solid:實線
- collapse:崩塌
- style三層用:等號.空格.冒號。
- 配色
- red:#f00
- green:#0f0
- blue:#00f
- white:#fff
- black:#000
- 淺灰色:#aaa
- 深灰色:#444
- 16進為法:,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f
- border = " "px
- style(樣式) = " "(屬性名 = 屬性值)
2017.09.19
- td:標籤
- style和class:屬性
- style:樣式
- 交代樣式外觀的三種方式
- 行內:td style='
- 通篇:把所有樣式寫在<style>.....</style>裡面，在引用。
- 跨多篇:把所有的寫在css裡面，再引用那個css，
- Html:段標是h1~h6.wiki是==到======
- stylesheet:樣式表
- type='text/css'類型是文字/css
- href='/.pa.css'連結到pa.css
- .名稱代表類別
- 名稱前加#號:指定的專一標籤
- id:指針對特定的單一標籤，只能給一個標籤
- 樣式定義可以很多層(之下的)，沒有逗點。
- table,td{}table和td兩者都要這樣做
- css:層疊樣式表（Cascading Style Sheets, CSS）， 是用來描述HTML 或XML（包含SVG 或 XHTML 等各種XML 變形）文件外觀的樣式表語言。
- dashed:虛線
2017.09.26
- wiki:
- 分享式合作
- Wikipeida是Alexa流量統計前幾名唯一屬於公益性質的網站，其他皆是商業性的公司。
- 語法口決一:井號、星號、等號、中括號；用空白行分段。
- 語法口決二:用空白行分段
- Gategory:分類
- cc授權和傳統授權不一樣的地方:對不特定對象授權。
- 格式：檔案:檔名|圖長|圖寬|…
- px:pixel
- cc授權:
- CC授權(Creative Commons，簡稱CC)
- 諸標章：CC授權、姓名標示、非商業性、禁止改作、相同方式分享。
- 限制者才有標章，不限制者沒有標章。
- 六種核心授權：1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
- 點陣圖:放大會毛邊
- png:不失真公開格式
- jpg:jepg失真壓縮
- gif:可動畫256色
- 「'…'」代表所夾的字要拉斜。
- 「'…'」代表所夾的字要加粗
圖照的引用
分層列表
- AA(整段的抬頭)
- AA1(小點)
- AA2(小點)
2017.10.3
- @page a4{}:我只真對page這個標籤裡面的a4這個樣式。
- 指定這個區塊的style是這個page:a4樣式。
- div:區塊
- 可用的定義
- size:寬 長;
- margin:天 右 地 左
- mso-page-orientation:landscape 橫放
- mso-header-margin:頁首大小
- mso-footer-margin:頁尾大小
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/ >指定編碼是UTF-8
- style='width:xxx'」表達寬度，xxx可以用百分比、公分、pt、無單位數字
- 表格高度在 tr寫法
- <tr style='height:數字'/>時無單位數字、cm、pt三種單位均有效，百分比無效。
- <tr height=數字/>只對無單位數字有效。
- 圖的寬度：
- style='width:數字;height:數字;' 對無單位、百分比、pt、cm 皆無效
- width=數字 height=數字 對百分比、pt、cm 皆無效，對無單位有效，但不可使用auto。無單位長度定義同上段。
- height
2017.10.17
- XML標籤
- markup
- 提供指示
- XML.NS
- name space
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />(HTML第四版之前)
- <meta charset='UTF-8'/>(HTML第五版)
- padding:內距
- 控制區域如 DIV 、 span 、表格的內部距離
- padding不可設定負值跟margin不同
- 語法範例:padding:上 右 下 左; padding:上下 左右; padding:上 左右 下; padding:四個邊同樣値
- padding:auto;：讓瀏覽器自己去設定
- padding:%;：讓瀏覽器自己去設定，跟邊界元素有關。
- margin:邊沿
- 控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距。
- 可以設定負値，會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如，我們將 A 區塊的 margin-bottom 設為 0 ， B 區塊的 margin-top 設為 -10px ，那麼 B 區塊的文字就會疊到 A 區塊的文字上。
- 語法範例:margin:上 右 下 左; margin:上下 左右; margin:上 左右 下; margin:四個邊同樣値;
- margin:auto;：讓瀏覽器自己去設定。
- margin:%;：讓瀏覽器自己去設定，跟邊界元素有關。
- border:邊框
- 邊框粗細：用長度表達
- 邊框顏色：可以使用色標準色碼或顏色的英文名稱表達
- 表格榻陷
- 如果表格整列都沒有內容，在 word 中會榻陷是極扁的列，此時在表格中加空白沒用，但加 即可避免表格榻陷。
- 邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等
- 井號
- 三個數字，紅&綠&藍
- 六個數字，紅紅&綠綠&藍藍
- 將圖包在P標籤中
- 在表格中，P不要帶任何字，直接設P為「style='text-align:center;'」這時圖在會表格中水平置中。
- 設P為「style='vertical-align:top;'」讓圖的上緣與字的上緣對齊。
- 設P為「style='vertical-align:vertical-align:middle;'」讓字對圖垂直置中。
