HTML,CSS, iframe嵌入網頁

劉任昌HTML_CSS_Javascript_Java_Python

學習HTML指令

劉任昌超級大帥哥
在記事本或word編輯edit純文字網頁， 然後使用瀏覽器browser打開。 瀏覽器扮演程式解譯器compiler或 直譯器interpreter的功能。 Header標題,iframe框架frame英文字,width寬度, Height高度,src=source來源,title頭銜, style="border: 10px red solid; text-align: center; background-color: purple; color: white;" style="border: 10px red solid; text-align: center; background-color: purple; color: white; border: 20px solid red;" 
h1{border: 30px tomato solid; text-align: center; background-color: purple; color: white; border-radius:30px; padding: 20px;}
h2{border: 4px dotted blue;}
#grad1 {height: 200px;
  background-color: red; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, red , yellow);
}

留言

  1. 吳弘彬HTML_CSS_Javascript_Java_Python2023年9月10日 晚上8:21

    作者已經移除這則留言。

    回覆刪除
  2. 張乃元2023年9月10日 晚上8:32

    https://naiyuanzhang1226.blogspot.com/2023/09/html.html

    回覆刪除
  3. ++3+32023年9月10日 晚上8:48

    作者已經移除這則留言。

    回覆刪除
  4. 匿名2023年9月10日 晚上9:03

    作者已經移除這則留言。

    回覆刪除
  5. 陳俞均2023年9月11日 清晨5:28

    https://giinasmile.blogspot.com/2023/09/htmlcss.html

    回覆刪除
  6. 陳宛沂HYML_CSS_Javascript_Java_Python2023年9月11日 清晨5:31

    https://chan-wan-yi.blogspot.com/2023/09/htmlcss.html

    回覆刪除
  7. zhen2023年9月16日 上午8:35

    https://zhen-zhen4869.blogspot.com/2023/09/htmlcss-iframe.html

    回覆刪除
  8. 余莫瑤2023年9月17日 晚上8:41

    https://ymo0831.blogspot.com/2023/09/editorbrowser-htmlcss-iframe-width.html

    回覆刪除

張貼留言

這個網誌中的熱門文章

劉任昌python串列List(陣列Array),元組Tuple,集合Set,字典Dict

圖片
EMBED嵌入影片522 EMBED DIAMOND手環嵌入鑽石 期中考筆試重點 .SELECTOR{用在多個元素},SPAN拇指與小指的距離,一小段,一小段的文字 UL=UNDERER LIST, OL=ORDERED LIST, LI=LIST push推,美國餐廳放置餐盤的架子下面是彈簧,取盤子pop,放入盤子push append附加在後面, appendix書本的附錄 大括號{ } CURLY BRACKET, CURLY捲,用於 PYTHON集合 中括號[ ] SQUARE BRACKET, SQUARE方形,用於 PYTHON串列 小括號( ) CIRCLE BRACKET, CIRCLE圓,用於 PYTHON元組 角括號<>CORNER BRACKET,不能直接打角括號,因為它們是HTML命令,需用&符號接LT(小於Less Then)再分號; 圓周CIRCUMFERENCE, 直徑DIAMETER, 半徑RADIUS BORDER邊界, SOLID實心, PX=PIXEL點 PYTHON與JAVASCRIPT命令的對照 ,PYTHON必須透過編輯器或雲端伺服器(例如GOOGLE COLAB)執行, JAVASCRIPT可以直接在瀏覽器CHROME或EDGE執行 PYTHON指令len(串列)對比JAVASCRIPT串列.length; PYTHON指令串列.append(新增)對比JAVASCRIPT串列.push(新增); 按鈕BUTTON按下去的事件ONCLICK 按鈕BUTTON push 以上程式碼在html模式貼在最下面 <BUTTON ONCLICK='ABC()'>按鈕BUTTON按下去的事件ONCLICK</BUTTON> <BUTTON ONCLICK='XYZ()'>按鈕BUTTON push</BUTTON> <P ID='SHOW'></P> <SCRIPT> banks=['摩根大通','美國銀行','中國工商','富國銀行']; function AB...
閱讀完整內容

2025年3月4日上課Python 陣列array串列的函數(方法)

圖片
利用w3schools練習的python指令 animal = ["豬", "牛", "羊", '貓'] #python語言的註解comments x = animal.copy() print(animal) x.reverse() #將x反轉reverse print(x) animal.append('狗') print(animal) y = animal.copy() y.reverse() #將x反轉reverse print(y) Python 說明或範例JavaScript len() len(list) # 串列 list 長度 list.length; append() list.append(’ 加元素’) list.push(’ 加元素’) clear() list.clear() # 移除所有元素 copy() a = list.copy() # 拷貝至新串列 a count() list.clear() # 移除所有元素 list.count(’ 豬頭’) #list=[’ 豬頭’,...]? extend() list.extend([’ 豬頭’,’ 狗屎’])# 合併 (延伸) 串列 a=list.concat([’ 豬頭’,’ 狗屎’]) index() insert() list.index(’ 豬頭’) # 元素第一次出現的位置 0, 1, 2... list.indexOf(’ 豬頭’) list.insert(k,’ 豬頭’)# 位置 k 前插入元素’ 豬頭’ pop() list.pop(k) # 移除位置 k 元素 remove() list.remove(’ 豬頭’) # 移除第一次出現的’ 豬頭’ reverse() list.reverse()# 將元素次序反轉 list.slice(k,k + 1) list.reverse() sort() list.sort()# 將元素排序 list.sort() GOOGLE COLAB執行程式 嵌入EMBED影片與網頁
閱讀完整內容

劉任昌Javascript物件導向Python物件導向

圖片
python語言的OOP=物件導向程式設計: 物件.屬性(attribute, property) 物件.方法(method) 方法就是 物件的函數 物件導向程式設計 Javascript指令new Constructor產生新的instance案例 s1.shares.toString()=案例sa的屬性shares內建方法toString()轉成字串，原來的數字被轉成字串string才可以和其他字串相加 Javascript程式碼 <DVI ID='cat'></DVI> <SCRIPT> class Stock{ //宣告類別 constructor(code, shares, price){ this.code = code; this.shares = shares; this.price = price;} } s1 = new Stock("2330", 100, 1000); //建構子Stock建構s1 s2 = new Stock("2880", 1000, 30); //建構子Stock建構s2 st = s1.code+' 股數 '+s1.shares.toString()+'<BR>'+s2.code.toString()+' 股數 '+s2.shares; document.getElementById('cat').innerHTML = st;</SCRIPT> Javascript程式碼加入配對(字典)指令 dict =new Map([["2303","聯電"],["2330","台積電"],["2880","華南金"]]);//宣告配對(字典) w3schools練習
閱讀完整內容