{"id":50102,"student_id":1658,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n \u003cbutton class=\\\"btn btn-primary btn-lg\\\"\u003e\\n 我是大按鈕\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-primary btn-sm\\\"\u003e\\n 我是小按鈕\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-primary btn-sm\\\"\u003e\\n Primary\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn- secondary btn-sm\\\"\u003e\\n Secondary\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-success btn-sm\\\"\u003e\\n Success\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-Denger btn-sm\\\"\u003e\\n Denger\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-Waraing btn-sm\\\"\u003e\\n Waraing\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-Info btn-sm\\\"\u003e\\n Info\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-Light btn-sm\\\"\u003e\\n Light\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn- Dark btn-sm\\\"\u003e\\n Dark\\n \u003c/button\u003e\\n \u003cmeta charset=\\\"utf-8\\\"\u003e\\n \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1, shrink-to-fit=no\\\"\u003e\\n \u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\" integrity=\\\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm\\\" crossorigin=\\\"anonymous\\\"\u003e\\n \u003ctitle\u003eDocument\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n \u003cdiv class=\\\"row\\\"\u003e\\n \u003cdiv class=\\\"col-2\\\"\u003e\\n 2/12\\n \u003c/div\u003e\\n \u003cdiv class=\\\"col-2\\\"\u003e\\n 4/12\\n \u003c/div\u003e\\n \u003cdiv class=\\\"col-2\\\"\u003e\\n 6/12\\n \u003c/div\u003e\\n\\n\\n \u003c/div\u003e\\n\\n\\n\\n\\n \u003ch1\u003ecano部落格\u003c/h1\u003e\\n \u003cimg class='large' src=\\\"https://image.garena.tw/images/moba/%E5%85%AC%E5%91%8A%E5%85%A7%E6%96%87%E5%9C%96/957x483/1022%E8%98%87.jpg\\\" /\u003e\\n \u003ch2\u003e關於我\u003c/h2\u003e\\n \u003chr\u003e\\n \u003cp class=\\\"font-italic\\\"\u003e\\n 大家好!我是cano,這裡是我的部落格網站,\\n \u003cbr\u003e會分享我最近的大大小小蠢事,\\n \u003cbr\u003e希望大家會笑到肚子痛,\\n \u003cbr\u003e哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈!\\n \u003cbr\u003e(別笑了!)\\n \u003cbr\u003e歡迎看我的\u003ca href=\\\"https://2.share.photo.xuite.net/yuan7630/12bdf42/16277494/874997580_m.jpg\\\"target=\\\"_blank\\\"\u003e舒壓圖片\u003c/a\u003e\\n \u003cbr\u003e(有沒有很萌!)\\n \u003cbr\u003e\u003ca href=\\\"https://www.youtube.com/watch?v=6ovnd1FM0fc\\\"target=\\\"_blank\\\"\u003e傳說!\u003c/a\u003e\\n \u003c/p\u003e\\n \u003cbutton class=\\\"btn btn-顯示 btn-sm\\\"\u003e\\n Success\\n \u003c/button\u003e\\n \u003cbutton class=\\\"btn btn-隱藏 btn-sm\\\"\u003e\\n Primary\\n \u003c/button\u003e\\n \u003ch2\u003e我的最愛\u003c/h2\u003e\\n \u003chr /\u003e\\n\\n \u003ctable\u003e\\n \u003ctr\u003e\\n \u003cth\u003e\u003cimg src=\\\"https://i.ytimg.com/vi/xQ39aRd7n_0/maxresdefault.jpg\\\" /\u003e \u003c/th\u003e\\n \u003cth\u003e\u003cimg src=\\\"https://i.ytimg.com/vi/q99Tn5YM7-Y/maxresdefault.jpg\\\" /\u003e \u003c/th\u003e\\n \u003cth\u003e\u003cimg src=\\\"https://i.ytimg.com/vi/5P8u6jvZpLc/maxresdefault.jpg\\\" /\u003e\u003c/th\u003e\\n \u003c/tr\u003e\\n \u003c/table\u003e\\n \u003ch2\u003e我的興趣排行\u003c/h2\u003e\\n \u003chr /\u003e\\n \u003cor\u003e\\n \u003cli id='1'\u003e講笑話\u003c/li\u003e\\n \u003cli id='2'\u003e打撲克牌\u003c/li\u003e\\n \u003cli id='3'\u003e聊天\u003c/li\u003e\\n \u003cli id='4'\u003e看搞笑影片\u003c/li\u003e\\n \u003cli id='5'\u003e看影片\u003c/li\u003e\\n \u003c/or\u003e\\n \u003chr /\u003e\\n \u003ch2\u003e我的專長\u003c/h2\u003e\\n \u003cul\u003e\\n \u003cli class=blue large\u003e講笑話\u003c/li\u003e\\n \u003cli class=blue large\u003e打撲克牌\u003c/li\u003e\\n \u003cli class=blue large\u003e聊天\u003c/li\u003e\\n \u003cli class=blue large\u003e看搞笑影片\u003c/li\u003e\\n \u003cli class=blue large\u003e看影片\u003c/li\u003e\\n \u003c/ul\u003e\\n \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\" integrity=\\\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\" integrity=\\\"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\" integrity=\\\"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n \u003c/body\u003e\\n \u003c/html\u003e\",\"css\":\"table {\\n border: 10px solid green;\\n border-collapse: collapse ;\\n}\\n#1{\\ncolor: red;\\n} \\n#2{\\ncolor:orange;\\n\\n} \\n#3{\\ncolor:yellow;\\n}\\n#4{\\ncolor:green ;\\n}\\n#5{\\ncolor:blue ;\\n}\\nimg{\\nwidth:550px ;\\nheight:350px ;\\n\\n}\\n \\n\\nbody{\\nbackground-image: url('https://orig00.deviantart.net/704c/f/2018/042/9/c/dawn_of_the_ice_field_by_satanicstage-dc2tmsz.jpg');\\n}\\n\\n\\n\\n\\n\",\"js\":\"$('.btn-顯示').click(function (){\\nalert('我被點擊了')\\n$('p').hide();\\n});\\n$('.btn-隱藏').click(function (){\\n$('p').show();\\n});\"}","created_at":"2018-11-24T13:57:10.979+08:00","updated_at":"2019-11-10T17:25:50.063+08:00","name":"叩叮的部落格 副本","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/50102/39acfa36ffa95ad00fc7b99817cd33c9.jpg"},"parent_id":19600,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":103,"hashid":"p93sewy9","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[]
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
繁中
简中
English
日本語
1:1:1
1:1
全寬
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦