본문 바로가기
반응형

여러문제2

객관식 여러문제 확인하기 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Quiz 객관식 확인하기(여러문제) 유형 1 2 3 4 5 W dongjin6539@naver.com 코드 블럭 구성 코드 블럭 구성은 저번에 작성했던 객관식 확인하기 유형 퀴즈 이펙트에 있는 구성과 똑같아서 그대로 가져옵니다.(객관식 확인하기 유형 퀴즈 이펙트 : https://dongjin6539.tistory.com/43) 다만 body 태그 안에 script 태그를 사용해서 정보를 입력하기 위해 main 태그에 class "quiz" 부분은 주석 처리 해줍니다. 강아지 이미지는 인터넷을 통해 얻어왔습니다. (참조: .. 2023. 3. 25.
주관식 여러문제 확인하기 유형 퀴즈 이펙트 주관식 여러문제 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 HTML Quiz 주관식 확인하기(여러문제) 유형 1 2 3 4 . 정답입니다! 틀렸습니다! 정답 확인하기 . 정답입니다! 틀렸습니다! 정답 확인하기 . 정답입니다! 틀렸습니다! 정답 확인하기 dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알.. 2023. 3. 14.
반응형