資訊基礎應用/張又懿
出自六年制學程
目錄
已記住的英文單字
- 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>
張又懿 | yuyiolulu@gmail.com | 0983329126 |
---|---|---|
張鈞祺 | chunchiolulu@gmail.com | 0966070126 |
蕭卉均 | suzy92126@gmail.com | 0939912983 |
李彥廷 | leejerry0706@gmail.com | 0984201016 |
丁志仁 | alledu2@gmail.com | 0987466665 |
盧星瑜 | thsrrabbit0803@gmail.com | 0930980803 |
紀詠恩 | s950285en@gmail.com | 0963617815 |
- style和border兩者之間的差異
屬性名 | 屬性值 |
bordor | px |
style | ...... |
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名稱 標籤
- .名稱 凡
- 名稱 指定的專一標籤
- 屬性值與屬性名使用=
- collapse(崩塌)
- solid(實線)
- 光三原色調出顏色red green blue
紅 # foo 綠 # ofo 藍 # oof 白 # fff 黑 # ooo
CSS層疊樣式表(英語:Cascading Style Sheets)
CSS的用途是什麼?
CSS是一種樣式表語言,用於為HTML的樣式。可設定字體、顏色、邊距、高度、寬度等屬性。
CSS跟HTML的區別在哪裡?
HTML用於結構化內容;CSS用於格式化結構化的內容。
採用CSS有哪些好處?
- 通過單個樣式表控制多個文檔
- 更精確的佈局控制
- 為不同的媒體類型(螢幕、列印等)採取不同的佈局
今日程式碼
<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>