叩叮的部落格副本 | 程式專案

{"id":203328,"student_id":6762,"content":"{\"html\":\"\u003chtml\u003e\\n    \u003chead\u003e\\n        \u003ctitle\u003e3小小小的部落格\u003c/title\u003e\\n        \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\n    \u003c/head\u003e\\n    \u003cbody\u003e\\n        \u003cH1\u003e3小小小的部落格\u003c/H1\u003e\\n        \u003chr\u003e\\n        \u003cH3\u003e關於3小小小\u003c/H3\u003e\\n        \u003cdiv id='intro'\u003e\\n            \u003cp class='sss'\u003e\\n                歡迎來到3小小小的部落格\\n                \u003cbr\u003e，我會分享許多3小小小的事物，\\n                \u003cbr\u003e希望大家會喜歡。(3小小小的東東)\\n                \u003cbr\u003e3小小小也會繼續做\u003ca href='https://www.youtube.com/watch?v=i4_visjEXig' target='_blank'\u003e3小小小的網頁\u003c/a\u003e。\\n            \u003c/p\u003e\\n            \u003cp class='sss'\u003e\\n                偶3小小小，身高很3小小小，體重也很3小小小，\u003cbr\u003e\\n                食物是3小小小的食物。\\n                \u003cbr\u003e\\n                粉絲都很3小小小。\\n                \u003cbr\u003e\\n                喜歡做3小小小的東西。\\n            \u003c/p\u003e\\n            \u003cbutton id=\\\"sss_btn\\\"\u003e顯示/隱藏\u003c/button\u003e\\n        \u003c/div\u003e\\n        \u003cimg src='下載.png'/\u003e\\n        \u003ch2\u003e3小小小的3小小小興趣\u003c/h2\u003e\\n        \u003chr /\u003e\\n        \u003col\u003e\\n            \u003cli id=\\\"blue\\\"\u003e玩3喜小小的遊戲。\u003c/li\u003e\\n            \u003cli id=\\\"red\\\"\u003e畫3小小小的漫畫。\u003c/li\u003e\\n            \u003cli id=\\\"red\\\"\u003e看3小小小\u003ca href='https://zh.wikipedia.org/wiki/%E7%AC%91%E5%82%B2%E6%B1%9F%E6%B9%96' target='_blank'\u003e笑傲江湖(小說)\u003c/a\u003e。\u003c/li\u003e\\n            \u003cli id=\\\"green\\\"\u003e寫3小小小的小說。\u003c/li\u003e\\n        \u003c/ol\u003e\\n        \u003ch2\u003e3小小小的3小小小專長\u003c/h2\u003e\\n        \u003chr\u003e\\n        \u003cul\u003e\\n            \u003cli id=\\\"blue\\\"\u003e裝得很3小小小。\u003c/li\u003e\\n        \u003c/ul\u003e\\n        \u003ch2\u003e3小小小喜歡的3小小小YOUTUBER\u003c/h2\u003e\\n        \u003cHR\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 id=\\\"blue\\\"\u003e嘿，兄弟\u003c/td\u003e\\n                \u003ctd id=\\\"red\\\"\u003e3小小小的荒野亂鬥\u003c/td\u003e\\n                \u003ctd id=\\\"green\\\"\u003e\u003ca href='https://www.youtube.com/channel/UCSRKfq5ZM3y7apTsejwNWAw' target='_blank'\u003e荒野亂鬥\u003c/a\u003e\u003c/td\u003e\\n            \u003c/tr\u003e\\n        \u003c/table\u003e\\n        \u003cH2\u003e3小小小喜歡的3小小小影片\u003c/H2\u003e\\n        \u003chr\u003e\\n        \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/rb1jJzpAJ9I\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\\"\\n        \u003chr\u003e\\n    \u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"h1{\\n    color: #d8b877;\\n    text-align: center;\\n}\\nh2{\\n    color: red;\\n}\\nli{\\n    color: green;\\n}\\n#blue {\\n    color: blue;\\n}\\n#red {\\n    color: red;\\n}\\n#green {\\n    color: green;\\n}\\np{\\n    border: 3px solid pink;\\n    margin: 50px;\\n    padding: 10px;\\n}\\nbody{\\n    padding: 30px;\\n}\\n#intro{\\n    border: 5px dotted #f4b042;\\n    margin: 20px;\\n    padding: 15px;\\n}\\nth{\\n    background: #f4b042;\\n}\\nth,td{\\n    text-align: center;\\n    padding: 15px;\\n}\\ntr:nth-child(even){\\n    background-color: #f2f2f2;\\n}\\ntr:nth-child(odd){\\n    background-color: #ffffff;\\n}\\n.sss{\\n    \\n}\\n\",\"js\":\"$(\\\"#sss_btn\\\").click(showMessage);\\n\\nfunction showMessage(){\\n        $('.sss').hide();\\n}\\nvar display = false;\\n$(\\\"#sss_btn\\\").click(function(){\\n    if(display == false){\\n        $(\\\"#sss_btn\\\").fadeIn();\\n        display = true;\\n    } else {\\n        $(\\\"#sss_btn\\\").fadeOut();\\n        display = false;\\n    }\\n})\"}","created_at":"2020-11-14T10:02:24.406+08:00","updated_at":"2020-11-28T22:40:57.907+08:00","name":"叩叮的部落格 副本","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/203328/6b29d9e050458fcbb0d44f94fde36363.jpg"},"parent_id":57727,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":3,"hashid":"36ysme6mw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}