發表文章

目前顯示的是 2月, 2014的文章

[Lab] Codecademy HTML (clickable photo page) 教學筆記

圖片
複習 HTML Basics III -- Clickable Photo Page -- 1 / 7 2 / 7 3 / 7 4 / 7 5 / 7 加入圖片! 關於圖片的小提醒 (from Codecademy) 6 / 7 7 / 7

[Lab] Codecademy HTML Basics III 教學筆記

圖片
首先來複習一下 1 / 7 2 / 7 3 / 7 4 / 7 5 / 7 6 / 7 7 / 7 --- HTML Basics III --- 1 / 15 Introduction 調整字型 <style="font-family : Arial "> 加入圖片 <img src="..."> 2 / 15 What are tables? 加入table的語法: <table> </table> 3 / 15 Rows of information We use the  < tr >  tag to create a  table row . <table> </table>裡面加入table row語法:  <tr> </tr> 4 / 15 A single column 在table row裡面增加 table data 會產生出table column 語法 : <td> data </td> 5 / 15 Adding a second column 6 / 15 Head of the table  "To make our table look a little more like a table, we'll use the  < thead >  and < tbody >  tags. These go within the  < table >  tag and stand for t able head and  t able body, respectively." - from Codecademy table body語法: <tbody> </tbody> 7 / 15 Table Heads table head 語法 <thead>  </thead> " a  < th > </ th

[筆記] 數位系統設計與實驗 DSDL 2014/02/27

圖片
各種 GATE NOT AND OR NAND NOR XOR NXOR Boolean algebra X + 0 = X X * 1 = X X + 1 = 1 X * 0 = 0 de Morgan's (X + Y + ...)' = X' * Y' * ... (X * Y * ...)' = X'+Y' + ... 證明下式 (X * Y) + (Y * Z) + (X' * Z) = X * Y + X' * Z pf: 原式 = (X * Y) + (1)*(Y * Z) + (X' * Z) =>  (X * Y) + (X' + X)(Y * Z) + (X' * Z) =>  A  B  Cin   |   Cout  S 0  0   0      |    0       0 0  0   1      |    0       1 0  1   0      |    0       1 0  1   1      |    1       0 1  0   0      |    0       1 1  0   1      |    1       0 1  1   0      |    1       0 1  1   1      |    1       1 將上表整理成sum of product canonical form S = A'B'Cin + A'BCin' + AB'Cin' + ABCin Cout = A'BCin + AB'Cin + ABCin' + ABCin A  B  C    |    F      F' 0  0   0    |    0      1 0  0   1    |    1      0 0  1   0    |    0      1 0  1   1    |    1      0 1  0   0    |    0      1 1

[Lab] Codecademy HTML Basics II 教學筆記

圖片
接續上一篇 繼續來打怪囉~ ---- Build Your Own Webpage ---- 1 / 6 恩目前code都是上一次的範圍 繼續 ~ 2 / 6 這關是簡單的蓋房子 3 / 6 在body內寫h1大小的標題 4 / 6 5 / 6 6 / 6 --- HTML Basics II --- 1 / 16 Introduction 2 / 16 Indentation is your friend 3 / 16 Ordered lists 有順序的列表list <li> 語法 <ol>      <li> ... </li>      <li> ... </li>      ... </ol> 4 / 16 One more ordered list 5 / 16 Unordered lists 沒順序(不排序)的列表清單list 語法 <ul>      <li> ... </li>      <li> ... </li>      ... </ul> 6 / 16 Lists inside a list 7 / 16 Making comments 註解的語法 <!-- 註解內容  --> 8 / 16 Font size tags 裡面可以寫 attributes 像是<img> 裡面的src,或是 <a> 裡面的 href 設定字體大小用 style 這個關鍵字 attribute,px為一種單位 用在<p>裡面的話長這樣 <p style = "font-size: 12px"> 9 / 16 Font color 設定字體顏色 style="color: 想要的顏色" 例: < h2 style = "color:red" > 同時設定顏色與大小 例: < h2 st