檢視資訊基礎應用/張又懿的原始碼

[[分類:資訊基礎應用]]




==已記住的英文單字==
#table
#row
#hyper
#text
#markup
#head
#title
#body
#hr
#hr
#ol
==上課所學==
===9/5上課所學===
#編號(ip)ipv4 piv6
ooo.ooo.ooo.ooo
255.255.255.255
#網址(域名)
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>
  <table class='nicetable'>

  <tr><th class='nicetable'>張又懿</th><td class='nicetable'>yuyiolulu@gmail.com</td><td class='nicetable'>0983329126</td></tr>
  <tr><th class='nicetable'>張鈞祺</th><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 class='nicetable'>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 class='nicetable'>0963617815</td></tr>
  </table>
*style和border兩者之間的差異
<table border = 1>
<tr><td>屬性名</td><td>屬性值</td></tr>
<tr><td>bordor</td><td>px</td></tr>
<tr><td>style</td><td>......</td></tr>
</table>

[http://6years.jendo.org/~%E5%BC%B5%E5%8F%88%E6%87%BF/table1.html 作業一]
[http://6years.jendo.org/~%E5%BC%B5%E5%8F%88%E6%87%BF/table2.html 作業二]
===9/19上課所學===
*屬性值和屬性名用空白分開
*;為結束或將兩者分開
*用,分開的意思是兩著皆是
*id(identy)只能使用於專一的個人
*dashed為虛線的意思
*<p>中間為一段</p>
*br不需結尾，用途就像文書處理中的Enter
*h1~h6用於段落標題，和wiki中的==用途一樣
*學會第三種多篇是，設定一個程式，所有的其他HTML就可以拉出使用
    <link rel='stylesheet' type='text/css' href='./pa.css'  />



====CSS層疊樣式表（英語：Cascading Style Sheets)====
=====CSS的用途是什麼？=====
CSS是一種樣式表語言，用於為HTML的樣式。可設定字體、顏色、邊距、高度、寬度等屬性。
=====CSS跟HTML的區別在哪裡？=====
HTML用於結構化內容；CSS用於格式化結構化的內容。
=====採用CSS有哪些好處？=====

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