我的個人網站（三）學生版副本 | 程式專案

{"id":750755,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003ch1\u003e歡迎來到叩叮的部落格\u003c/h1\u003e\\n    \u003ch2\u003e關於我\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003cdiv id=intro\u003e\\n        \u003cp class='secret'\u003e\\n            大家好我是叩叮，這裡是我的部落格網站，會分享我最近的大大小小事物，希望大家會喜歡，\\n            \u003cbr\u003e\\n            如果可以請大家給這個頁面一個愛心，或是去我的\u003ca href=\\\"https://koding.school/\\\" target=\\\"_blank\\\"\u003e粉絲頁按個讚\u003c/a\u003e\\n            \u003cbr\u003e\\n            我會繼續努力！謝謝大家的支持～\\n        \u003c/p\u003e\\n        \u003cp class='secret'\u003e\\n            身高 70 公分體重 30 公斤，喜歡吃新鮮的魚，平時都自己抓魚來吃，\\n            \u003cbr\u003e\\n            有時我的紛絲會帶魚來說要和我合照，真的是讓人很害羞。\\n            \u003cbr\u003e\\n            平時抓魚外也很喜歡程式，如果你在寫程式遇到任何問題歡迎來和我討論哦！\\n        \u003c/p\u003e\\n        \u003cp id=\\\"phone\\\" class='secret'\u003eMy phone: 0912-345678\u003c/p\u003e\\n        \u003cbutton id='secret_btn'\u003e顯示／隱藏\u003c/button\u003e\\n    \u003c/div\u003e\\n    \u003cimg src=\\\"koding.png\\\" height=\\\"200px\\\"\u003e\\n    \u003ch2\u003e我最喜歡做的事情\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003col\u003e\\n        \u003cli id=\\\"blue\\\"\u003e被餵食(魚)\u003c/li\u003e\\n        \u003cli\u003e創作遊戲\u003c/li\u003e\\n        \u003cli\u003e寫網頁部落格\u003c/li\u003e\\n        \u003cli\u003e睡覺\u003c/li\u003e\\n        \u003cli\u003e看雲朵發呆\u003c/li\u003e\\n    \u003c/ol\u003e\\n    \u003ch2\u003e我很在行的事情\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003cul\u003e\\n        \u003cli\u003e假設網頁\u003c/li\u003e\\n        \u003cli class=\\\"red\\\"\u003e用程式創造遊戲、寫 APP\u003c/li\u003e\\n        \u003cli class=\\\"red bgyellow\\\"\u003e賣萌裝可愛\u003c/li\u003e\\n        \u003cli class=\\\"bgyellow\\\"\u003e專業吉祥物\u003c/li\u003e\\n        \u003cli\u003e游泳、抓魚\u003c/li\u003e\\n    \u003c/ul\u003e\\n\\n    \u003ch2\u003e我的作品\u003c/h2\u003e\\n    \u003ctable\u003e\\n        \u003ctr\u003e\\n            \u003cth\u003e名稱\u003c/th\u003e\\n            \u003cth\u003e種類\u003c/th\u003e\\n            \u003cth\u003e連結\u003c/th\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e作品一\u003c/td\u003e\\n            \u003ctd\u003eJavaScript\u003c/td\u003e\\n            \u003ctd\u003e\u003ca href=\\\"https://koding.school/\\\"\u003e連結\u003c/a\u003e\u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e作品二\u003c/td\u003e\\n            \u003ctd\u003eJavaScript\u003c/td\u003e\\n            \u003ctd\u003e\u003ca href=\\\"https://koding.school/\\\"\u003e連結\u003c/a\u003e\u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e作品三\u003c/td\u003e\\n            \u003ctd\u003eweb\u003c/td\u003e\\n            \u003ctd\u003e\u003ca href=\\\"https://koding.school/\\\"\u003e連結\u003c/a\u003e\u003c/td\u003e\\n        \u003c/tr\u003e\\n    \u003c/table\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"th {\\n    background-color: #f4b042;\\n    color: white;\\n}\\n\\nth, td {\\n    text-align: center;\\n    padding: 15px;\\n}\\n\\ntable {\\n   border-collapse: collapse;\\n   width: 80%;\\n}\\n\\ntr:nth-child(even) {\\n    background-color: #f0f0f0;\\n}\\n\\ntr:nth-child(odd) {\\n    background-color: #ffffff;\\n}\\n\\nh1 {\\n    color: #4789aa;\\n    text-align: center;\\n    border: 3px dotted pink;\\n    width: 500px;\\n}\\n\\nli {\\n    color: green;\\n}\\n\\n#blue {\\n    color: blue;\\n}\\n\\n.red {\\n    color: red;\\n}\\n\\n.bgyellow {\\n    background-color: yellow;\\n}\\n\\n#phone {\\n    font-family: Comic Sans MS;\\n    font-style: italic;\\n    font-weight: bold;\\n    text-align: right;\\n}\\n\\np {\\n    font-family: Comic Sans MS;\\n}\\n\\n#intro {\\n    margin: 20px;\\n    padding: 10px;\\n    border: 3px dotted pink;\\n}\\n\\nbody {\\n    /* background-color: lightblue; */\\n    text-align: center;\\n    padding: 10px;\\n}\",\"js\":\"$('#secret_btn').click(showMessage);\\n\\n\\n// function showMessage() {\\n//     $('.secret').toggle();\\n// }\\n\\nvar display = false;\\nfunction showMessage() {\\n    if (display == false) {\\n        $('.secret').fadeIn();\\n        display = true;\\n    } else {\\n        $('.secret').fadeOut();\\n        display = false;\\n    }\\n}\"}","created_at":"2024-05-17T15:11:39.113+08:00","updated_at":"2024-05-17T16:08:48.084+08:00","name":"我的個人網站（三）學生版 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/750755/7fb436307b6f45c9eb448a1fb8770511.jpg"},"parent_id":458053,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":12,"hashid":"rdvsv96g3","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}