html

from tkinter import * space, slash, backslash, cr = ' ', '/', '\\', '\n' def row1(k,m):#定義自訂函數 for i in range(1, k+1): for ii in range(m): for j in range(k-i): f.write(space) f.write(slash) for j in range(2*i-2): f.write(space) f.write(backslash) for j in range(k-i): f.write(space) f.write(cr) def row2(r,m): for i in range(1, k+1): for ii in range(m): for j in range(i-1): f.write(space) f.write(backslash) for j in range(2*k-2*i): f.write(space) f.write(slash) for j in range(i-1): f.write(space) f.write('\n') tk = Tk()#使用tkinter套件,建立視窗,輸入k,m,n tk.title("吳敏瑄視窗使用者介面GUI") #也可以定義視窗名為 window, root課本都如此習慣 canvas = Canvas(tk, width=800, height=500) canvas.pack() kmn = [1,2,3,4,5] k = input(...

吳敏瑄輸入參數 輸入k 輸入m 輸入n 執行自訂函數 gray orange red green blue 重點 span手掌張開拇指到小指,短橋梁長度。 VSCode是IDE整合開發環境。 CTRL+SHIFT+L一次改全部 Integrated Development Environment alert內建函數,自訂函數abc 利用id加上syle方法是#id 吳敏瑄輸出結果

截圖 吳敏瑄輸入參數 輸入k 輸入m 輸入n 執行自訂函數 red blue green 重點 alert內建函數,自訂函數abc span手掌張開拇指到小指,短橋梁長度。 VSCode是IDE整合開發環境。 Integrated Development Environment CTRL+SHIFT+L一次改全部。 利用id加上style方法是#id。 吳敏瑄輸出結果 CSS示範程式 h1{background-color: darkblue; color: white; border: 10px solid gray; text-align:center; padding: 5px} ul{background-color: lightblue; color: white; font-size: 2em;line-height:1.5} input{font-size:24px;background-color:rgb(210, 250, 215);} .monkey{font-size:36px;} pre{color: white;background-color: lightblue;} HTML示範程式碼 <h1> 吳敏瑄輸入參數 </h1> <span class = "spanstyle" > 輸入k <input id = "k" type = "number" value = "1" /><br /> <span class = "spanstyle" > 輸入m <input id = "m" type = "number" value = "1" /><br /> <span class = "spanstyle" > 輸入n <input id = "n" type = "number" value = "1"...

VS Code截圖 CSS示範程式碼 h1 { background-color : darkblue ; color : white ; border : 10px solid gray ; text-align : center ; padding : 5px } ul { background-color : lightblue ; color : white ; font-size : 2em ; line-height : 1.5 } input { font-size : 24px ; background-color :rgb( 210 , 250 , 215 );} HTML示範程式碼 <link rel='stylesheet' href="abc.css"> <script src="abc.js"></script> <h1>吳敏瑄輸入參數</h1> 輸入k<input type="number" value="1" id="k"></input><br> 輸入m<input type="number" value="1" id="m"></input><br> 輸入n<input type="number" value="1" id="n"></input><br> <button onclick="abc()">執行自訂函數</button> <h1>重點</h1> alert內建函數,自訂函數abc <h1>吳敏瑄輸出結果</h1> <div id="out"></div> JAVASCRIPT示範程式碼 const space= ' ' , slash= '/...

VS code截圖 期中考重點 write寫入檔案模式mode w=write會覆蓋原有檔案, a=append接續原來檔案, x=create創立新檔案, x與w有何不同？ write寫入檔案,預設不換行,換行'\n' print呈現在螢幕,預設換行,不換行end=''。 write寫入用到英文以外的字元(一,a,b)encoding='utf8' 開一個資料資料夾放三個檔案html, css, js，用html文件document 在html檔案指定css與js檔案,參考w3schools...都有寫 吳敏瑄輸入參數 輸入k 輸入m 輸入n 執行自訂函數 重點 alert內建函數,自訂函數abc 吳敏瑄輸出結果 <link rel='stylesheet' href="abc.css"> <script src="abs.js"></script> <h1>吳敏瑄輸入參數</h1> 輸入k<input type="number" value="1" id="k"></input><br> 輸入m<input type="number" value="1" id="m"></input><br> 輸入n<input type="number" value="1" id="n"></input><br> <button onclick="abc()">執行自訂函數</button> <h1>重點</h1> alert內建函數,自訂函數abc <h1>吳敏瑄輸出結果</h1> <div id="out"></div> vs code的javascript檔...