비전공에서 취업까지!! [11화] front 실기 40% 필기40% 태도점수20%!! -입니다.-

안녕하세요 시험감독관 SsunDev입니다.

정숙하시고 종 딱 치면 시험지와 오회말 카드 뒤로 넘기시고

책상위엔 시험지 컴퓨터용 싸인펜 오엠알 카드 외엔 없도록 다 정리합니다.

기기는 전부 가방에 넣어주시고 시험시간은 총 12시간입니다.

먼저 다 푸시면 앞에 제출하시고 먼저 나가셔도 됩니다.

 

 

농담이구요 ㅋㅋ 오늘은 이제까지 배운 코드들을 바탕으로 두가지 결과물을 한번 만들어보겠습니다.

 

회원가입 페이지하고 견적서 표 이렇게 두가지를 만들어 보겠습니다.

 

먼저 첫번재로 회원가입 페이지입니다.

회원가입 페이지를 만드시면 됩니다.

 

1. <form> 의 주소는 "#" 입니다.

2. <div>와 <span>테그를 통해 각 요소들을 배치합니다.

3.통신사의 select 옵션은 sk skt kt이고 월의 옵션은 1~ 12 입니다.

4.등록 버튼을 누를시 페이지의 주소에 각 요소들의 데이터가 나와야합니다.

5.초기화 버튼을 누를시 기입한 데이터들이 초기화됩니다.

6.주소에 넘어갈 데이터의 key 값은 id, password, name, picfile, adress, adress_Detail, telecom, phoneNum, gender, hobby, YYYY,MM,DD, introduce 입니다.

7.좌측의 데이터 라벨을 클릭시 데이터의 인풋 테그에 커서가 active 되어야합니다.

 

주소가 이런식으로 나오면 됩니다.

이정도 쯤 별거 아니겠죠~?

 

두번째로는 견적서 표 입니다.

 

1.견적서의 제목은 <h1>테그입니다.

2.<colgroup>을 통한 width 값을 주셔도 되고 따로 기입하지 않고 예시의 데이터를 넣으셔도 됩니다.

3.중간의 품명,수량,단가,공급가액, 비고 가 있는 row는 테이블의 header가 아닙니다.

4.하단의 합계금액이 있는 row는 테이블의 footer입니다.

 

이 두가지 정도를 만드는것으로 html 을 마무리 하겠습니다!

 

잘 따라와주신 여러분이라면 이정도는 쉬우실 것이라고 믿습니다!

 

그럼 마지막 까지 html을 잘 따라와준 여러분 수고 많으셨습니다

CSS로 뵙겠습니다.

 

 

 

exam.html

0.01MB

 

exam2.html

0.00MB

정답지입니다!