【綜合練習】我的個人網站（三）：實作 2 - 解答 | 程式專案

{"id":574334,"student_id":2589,"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    \u003cheader\u003e\\n        \u003cdiv id=\\\"avatar\\\"\u003e\u003c/div\u003e\\n        \u003ch1\u003e歡迎來到叩叮的部落格\u003c/h1\u003e\\n        \u003cp\u003e平時打電動、寫程式、看韓劇\u003c/p\u003e\\n    \u003c/header\u003e\\n    \u003csection\u003e\\n        \u003ch2\u003e關於我\u003c/h2\u003e\\n        \u003cp class='tohide'\u003e\\n            大家好我是叩叮，這裡是我的部落格網站，會分享我最近的大大小小事物，希望大家會喜歡，\\n            \u003cbr\u003e\\n            如果可以請大家給這個頁面一個愛心，或是去我的\u003ca href=\\\"https://www.facebook.com/koding.school/\\\" target=\\\"_blank\\\"\u003e粉絲頁按個讚\u003c/a\u003e\\n            \u003cbr\u003e\\n            我會繼續努力！謝謝大家的支持～\\n        \u003c/p\u003e\\n        \u003cp\u003e\\n            身高 70 公分體重 30 公斤，喜歡吃新鮮的魚，平時都自己抓魚來吃，\\n            \u003cbr\u003e\\n            有時我的紛絲會帶魚來說要和我合照，真的是讓人很害羞。\\n            \u003cbr\u003e\\n            平時抓魚外也很喜歡程式，如果你在寫程式遇到任何問題歡迎來和我討論哦！\\n        \u003c/p\u003e\\n        \u003ch2\u003e我最喜歡做的事情\u003c/h2\u003e\\n        \u003col class='tohide'\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            \u003cli\u003e看雲朵發呆\u003c/li\u003e\\n        \u003c/ol\u003e\\n        \u003ch2\u003e我很在行的事情\u003c/h2\u003e\\n        \u003cul  class='tohide'\u003e\\n            \u003cli\u003e假設網頁\u003c/li\u003e\\n            \u003cli\u003e用程式創造遊戲、寫 APP\u003c/li\u003e\\n            \u003cli\u003e賣萌裝可愛\u003c/li\u003e\\n            \u003cli\u003e專業吉祥物\u003c/li\u003e\\n            \u003cli\u003e游泳、抓魚\u003c/li\u003e\\n        \u003c/ul\u003e\\n        \u003cbutton id=\\\"thebtn\\\" \u003e顯示/隱藏\u003c/button\u003e\\n\\n        \u003ch2\u003e生活照\u003c/h2\u003e\\n        \u003cimg src=\\\"koding.png\\\" alt=\\\"\\\"\u003e\\n        \u003cimg src=\\\"koding.png\\\" alt=\\\"\\\"\u003e\\n        \u003cimg src=\\\"koding.png\\\" alt=\\\"\\\"\u003e\\n        \u003cimg src=\\\"koding.png\\\" alt=\\\"\\\"\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/projects/qmdsejy\\\"\u003ehttps://koding.school/projects/qmdsejy\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/projects/ej9s2pmr\\\"\u003ehttps://koding.school/projects/ej9s2pmr\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/projects/36ysmr9d\\\"\u003ehttps://koding.school/projects/36ysmr9d\u003c/a\u003e\u003c/td\u003e\\n            \u003c/tr\u003e\\n        \u003c/table\u003e\\n        \\n        \u003cbutton onclick=\\\"show();\\\"\u003e查看我的秘密\u003c/button\u003e\\n        \u003cp id=\\\"secret\\\"\u003e我的身高 70 公分體重 30 公斤\u003c/p\u003e\\n\\n    \u003c/section\u003e\\n    \u003cfooter\u003e\\n        \u003ca class=\\\"mylink\\\" href=\\\"https://www.facebook.com/koding.school/\\\" target=\\\"_blank\\\"\u003e\\n            \u003cimg src=\\\"facebook-logo.svg\\\" alt=\\\"\\\"\u003e\\n        \u003c/a\u003e\\n        \u003ca class=\\\"mylink\\\" href=\\\"mailto:hello@koding.school\\\" target=\\\"_top\\\"\u003e\\n            \u003cimg src=\\\"email.svg\\\" alt=\\\"\\\"\u003e\\n        \u003c/a\u003e\\n    \u003c/footer\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    color: #444444;\\n    text-align: center;\\n    font-family: Arial;\\n}\\n\\nheader, footer, section {\\n    padding: 30px;\\n}\\n\\nsection {\\n     background-color: #f8f8f8;\\n}\\n\\nol, ul {\\n    list-style-position: inside;\\n    padding: 0;\\n}\\n\\nimg {\\n    width: 150px;\\n    border: 1px solid #ccc;\\n}\\n\\nfooter img {\\n    width: 50px;\\n    border: 0;\\n}\\n\\nh2 {\\n    margin-top: 60px;\\n}\\n\\n#avatar {\\n    width: 100px;\\n    height: 100px;\\n    border-radius: 50%;\\n    border: 2px solid #777;\\n    background-size: cover;\\n    background-image: url(koding.png);\\n    margin: auto;\\n}\\n\\ntable {\\n    border-collapse: collapse;\\n    margin: auto;\\n    width: 80%;\\n}\\n\\nth {\\n    background-color: #4CAF50;\\n    color: white;\\n}\\n\\nth, td {\\n    text-align: left;\\n    padding: 8px;\\n}\\n\\ntr:nth-child(even){background-color: #f2f2f2}\\n\\n#secret {\\n    display: none;\\n}\",\"js\":\"var display = false;\\nfunction show () {\\n    if (display == false) {\\n        $('#secret').show();\\n        display = true;\\n    } else {\\n        $('#secret').hide();\\n        display = false;\\n    }\\n}\\n$('#thebtn').click(show);\\n\\nfunction show () {\\n    $('.tohide').hide();\\n}\"}","created_at":"2023-07-23T16:54:17.498+08:00","updated_at":"2023-07-23T16:54:22.424+08:00","name":"【綜合練習】我的個人網站（三）：實作 2 - 解答","language":"web","screenshot":{"url":null},"parent_id":574332,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":67,"hashid":"p93s4jdme","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}