網頁學習 | 程式專案 | 橘蘋學習平台

{"id":20627,"student_id":168,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\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    \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/head\u003e\\n\u003cbody\u003e\\n    \u003cbutton class = \\\"btn btn-outline-success btn-lg btn-block\\\" aria-pressed=\\\"true\\\"\u003ebutton\u003c/button\u003e\\n    \\n    \u003ctable \u003e\\n        \u003ctd\u003e\u003ca class = \\\"btn btn-outline-success\\\"\u003e1\u003c/a\u003e\u003c/td\u003e\\n        \u003ctd\u003e\u003ca class = \\\"btn btn-warning\\\"\u003e2\u003c/a\u003e\u003c/td\u003e\\n        \u003ctd\u003e\u003ca class = \\\"btn btn-secondary btn-lg\\\"\u003e3\u003c/a\u003e\u003c/td\u003e\\n        \u003ctd\u003e\\n            \u003cdiv class=\\\"btn-group\\\" role=\\\"group\\\"\u003e\\n                \u003cbutton id=\\\"btnGroupDrop1\\\" type=\\\"button\\\" class=\\\"btn btn-secondary dropdown-toggle\\\" data-toggle=\\\"dropdown\\\" aria-haspopup=\\\"true\\\" aria-expanded=\\\"false\\\"\u003e\\n                  dropdown\\n                \u003c/button\u003e\\n                \u003cdiv class=\\\"dropdown-menu\\\" aria-labelledby=\\\"btnGroupDrop1\\\"\u003e\\n                  \u003ca class=\\\"dropdown-item\\\"\u003e1\u003c/a\u003e\\n                  \u003ca class=\\\"dropdown-item\\\"\u003e2\u003c/a\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/td\u003e\\n        \u003ctd\u003e\\n            \u003cdiv class=\\\"btn-group-vertical\\\"\u003e\\n                \u003ca class = \\\"btn btn-warning\\\"\u003e\u003c/a\u003e\\n                \u003ca class = \\\"btn btn-outline-warning\\\"\u003e\u003c/a\u003e\\n                \u003ca class = \\\"btn btn-warning\\\"\u003e\u003c/a\u003e\\n                \u003ca class = \\\"btn btn-outline-warning\\\"\u003e\u003c/a\u003e\\n                \u003ca class = \\\"btn btn-warning\\\"\u003e\u003c/a\u003e\\n            \u003c/div\u003e\\n        \u003c/td\u003e\\n    \u003c/table\u003e\\n    \u003cstyle\u003e\\n        .a {\\n            color:red;\\n        }\\n\\n        .b {\\n\\n        }\\n    \u003c/style\u003e\\n    \\n    \u003ctable\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e1.\u003c/td\u003e\\n            \u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e        \\n            \u003ctd\u003e\\n                \u003cdiv class = \\\"btn-group btn-group-toggle\\\" data-toggle=\\\"buttons\\\"\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option1\\\"\u003ea\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option2\\\"\u003eb\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option3\\\"\u003ec\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option4\\\"\u003ed\\n                    \u003c/label\u003e\\n                \u003c/div\u003e\\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e2.\u003c/td\u003e\\n            \u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e        \\n            \u003ctd\u003e\\n                \u003cdiv class = \\\"btn-group btn-group-toggle\\\" data-toggle=\\\"buttons\\\"\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option1\\\"\u003ea\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option2\\\"\u003eb\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option3\\\"\u003ec\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option4\\\"\u003ed\\n                    \u003c/label\u003e\\n                \u003c/div\u003e\\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e3.\u003c/td\u003e\\n            \u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e        \\n            \u003ctd\u003e\\n                \u003cdiv class = \\\"btn-group btn-group-toggle\\\" data-toggle=\\\"buttons\\\"\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option1\\\"\u003ea\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option2\\\"\u003eb\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option3\\\"\u003ec\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option4\\\"\u003ed\\n                    \u003c/label\u003e\\n                \u003c/div\u003e\\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e4.\u003c/td\u003e\\n            \u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e        \\n            \u003ctd\u003e\\n                \u003cdiv class = \\\"btn-group btn-group-toggle\\\" data-toggle=\\\"buttons\\\"\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option1\\\"\u003ea\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option2\\\"\u003eb\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option3\\\"\u003ec\\n                    \u003c/label\u003e\\n                    \u003clabel class=\\\"btn btn-outline-secondary\\\"\u003e\\n                        \u003cinput type=\\\"radio\\\" name=\\\"options\\\" id=\\\"option4\\\"\u003ed\\n                    \u003c/label\u003e\\n                \u003c/div\u003e\\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n    \u003c/table\u003e\\n\\n    \u003cbutton type=\\\"button\\\" class=\\\"btn btn-warning\\\" data-toggle=\\\"modal\\\" data-target=\\\"#exampleModal\\\"\u003e\\n        click\\n    \u003c/button\u003e\\n    \u003cdiv class=\\\"modal fade\\\" id=\\\"exampleModal\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"exampleModalLabel\\\" aria-hidden=\\\"true\\\"\u003e\\n    \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\"\u003e\\n        \u003cdiv class=\\\"modal-content\\\"\u003e\\n        \u003cdiv class=\\\"modal-header\\\"\u003e\\n            \u003ch5 class=\\\"modal-title\\\" id=\\\"exampleModalLabel\\\"\u003eYeah~\u003c/h5\u003e\\n            \u003cbutton type=\\\"button\\\" class=\\\"close\\\" data-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"\u003e\\n            \u003cspan aria-hidden=\\\"true\\\"\u003e\u0026times;\u003c/span\u003e\\n            \u003c/button\u003e\\n        \u003c/div\u003e\\n        \u003cdiv class=\\\"modal-body\\\"\u003e\\n            haha~\\n        \u003c/div\u003e\\n        \u003cdiv class=\\\"modal-footer\\\"\u003e\\n            \u003cbutton type=\\\"button\\\" class=\\\"btn btn-secondary\\\" data-dismiss=\\\"modal\\\"\u003e1\u003c/button\u003e\\n            \u003cbutton type=\\\"button\\\" class=\\\"btn btn-primary\\\" data-dismiss=\\\"modal\\\"\u003e2\u003c/button\u003e\\n        \u003c/div\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cbr\u003e\\n    \\n    \u003cmarquee scrollamount=\\\"100\\\" width=\\\"380\\\" direction=\\\"right\\\"\u003eyoutube\u003c/marquee\u003e\\n    \u003cmarquee scrollamount=\\\"100\\\" width=\\\"380\\\"\u003eyoutube\u003c/marquee\u003e\\n    \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/q6EoRBvdVPQ\\\" frameborder=\\\"0\\\" allow=\\\"autoplay; encrypted-media\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"\",\"js\":\"\"}","created_at":"2018-01-20T17:54:39.467+08:00","updated_at":"2021-01-14T19:30:08.061+08:00","name":"網頁學習","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/20627/01aed382f8c7b2e44287cfe90964084d.jpg"},"parent_id":null,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":133,"hashid":"wdks5mkp","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}