資訊基礎應用/張又懿：修訂版本之間的差異

2017年9月19日 (二) 12:08的修訂版本

已記住的英文單字

1. table
2. row
3. hyper
4. text
5. markup
6. head
7. title
8. body
9. hr
10. hr
11. ol

上課所學

9/5上課所學

1. 編號(ip)ipv4 piv6

ooo.ooo.ooo.ooo 255.255.255.255

1. 網址(域名)

65536 物聯網 一切人造物接上網路，得失相兼 福禍相依 連結夠大，連結夠大就有智慧 域名伺服器 hosts ds216區網的位置

9/12上課所學

• 練習.今天學到如何建立"筆記頁"，要注意有沒有登入自己的帳號才能建立。(#後面的都是數值。)
• 配色.用光的三原色調出顏色red green blue，數字、字母代表數字。
• 複習.使用table、td、tr來製做基本表格。製做："同學通訊錄"(使用border來做邊界。)
• 學會使用style美化表格
• 今天學到的有兩種學法一種是一個一個設定，另一個是直接做一個主控制程式，主控制程式的比較簡潔好用。
• style是HTML中很基本的指令。
• style指令：在自己定義的"代碼(今天使用的是nicetable來當代碼)"凡是在.後面的都是代碼下的指令，class就是類的意思，我們下的指令是關於邊框屬性的。
• style和bordor相比style比較廣用，能做出的變化比較多。

 <style>
 .nicetable {border:4px solid green;border-collapse:collapse;}
 </style>

• style和border兩者之間的差異

作業一 作業二

9/19上課所學

• 屬性值和屬性名用空白分開
• 分號";"為結束或將兩者分開
• 用,分開的意思是兩著皆是
• id(identy)只能使用於專一的個人
• dashed為虛線的意思

• 中間為一段

• br不需結尾，用途就像文書處理中的Enter
• h1~h6用於段落標題，和wiki中的==用途一樣
• 學會第三種多篇是，設定一個程式，所有的其他HTML就可以拉出使用

   <link rel='stylesheet' type='text/css' href='./pa.css'  />
   白話為：<link rel='stylesheet' type(它是我的樣式表)='text/css' href(它在哪裡)='.(此地)/pac.ss'  />

• 在設定樣式主程式的時候在前面加上table代表只能使用於table，加上texT代表只能使用於text。
• O名稱 標籤
• .名稱 凡
  1. 名稱 指定的專一標籤
• 屬性值與屬性名使用=

CSS層疊樣式表（英語：Cascading Style Sheets)

CSS的用途是什麼？

CSS是一種樣式表語言，用於為HTML的樣式。可設定字體、顏色、邊距、高度、寬度等屬性。

CSS跟HTML的區別在哪裡？

HTML用於結構化內容；CSS用於格式化結構化的內容。

採用CSS有哪些好處？

1. 通過單個樣式表控制多個文檔
2. 更精確的佈局控制
3. 為不同的媒體類型（螢幕、列印等）採取不同的佈局

今日程式碼

    <link rel='stylesheet' type='text/css' href='./pac.ss'>
    <style>
     table {border:yellow dashed 3px}
     td    {border:#200 dashed 1px}
     tr    {border:yellow solid 1px}
     #xyz   {border:purple dashed 1px}
     </style>
     <table>
     <b>
     <tr><th class='nicetable' style= "border:yellow solid 1px;">張又懿</th><th style='border:1px solid red;border-
     collapse:collapse;'>yuyiolulu@gmail.com</th><th style='border:1px solid red;border-collapse:collapse;'>0983329126</th></tr>
     <tr><td>張鈞祺</td><td class='nicetable'>chunchiolulu@gmail.com</td><td class='nicetable'>0966070126</td></tr>
     <tr><th class='nicetable'>蕭卉均</th><td class='nicetable'>suzy92126@gmail.com</td><td class='nicetable'>0939912983</td></tr>
     <tr><th class='nicetable'>李彥廷</th><td class='nicetable'>leejerry0706@gmail.com</td><td class='nicetable'>0984201016</td></tr>
     <tr><th class='nicetable'>丁志仁</th><td id ='xyz'>alledu2@gmail.com</td><td class='nicetable'>0987466665</td></tr>
     <tr><th class='nicetable'>盧星瑜</th><td class='nicetable'>thsrrabbit0803@gmail.com</td><td class='nicetable'>0930980803</td></tr>
     <tr><th class='nicetable'>紀詠恩</th><td class='nicetable'>s950285en@gmail.com</td><td>0963617815</td></tr>
     </b>
     </table>
     <p class = "nicetable">以上是本班的通訊錄</p>
     <br><br><br>