HTML/XML 인터넷보충학습자료 - 1 - - HTML 표를만들기위해서는 <TABLE> 태그를사용한다. - <TABLE> - 테이블에서행과열을나눠주기위한태그는따로지정해야해며나눌개수만큼반복해서작성해야한다. <TABLE> <--테이블시작행 : <--1행열 : <TD> </TD> <TD> 1행1열 </TD> <-1행의1열 - 2행 3열표만들기의예 ( 표의테두리가 <TD> 1행2열 </TD> <-1행의2열 <TD> 1행3열 </TD> <-1행의3열지정되지않은경우 ) <--2행 <TD> 2행1열 </TD> <-2행의1열 <TD> 2행2열 </TD> <-2행의2열 <TD> 2행3열 </TD> <-2행의3열 - <TABLE> 태그의속성 속성 WIDTH=" 수치 " HEIGHT=" 수치 " BORDER=" 수치 " ALIGN=" 정렬 " CELLSPACING=" 수치 " CELLPADDING=" 수치 " 설명표의너비지정표의높이지정표의테두리두께지정정렬지정표에서각셀간의간격지정표에서셀안의내용간의간격지정 - 테두리를표시하는태그속성은 BORDER이며, 이속성을지정하지않으면선없는표가생성된다. -
HTML/XML 인터넷보충학습자료 - 2 - - 제목에해당하는셀에 <TD> 대신 <TH> 태그를사용하면 <B> 태그를사용한것같이글자가두껍게표시된다. <TABLE BORDER="2"> <TH> </TH> <TH> 중간 </TH> <TH> 기말 </TH> <TH> 성적 </TH> <TH> 수학 </TH> <TD> 95 </TD> <TD> 90 </TD> <TD> A </TD> <TH> 영어 </TH> <TD> 87 </TD> <TD> 92 </TD> <TD> B </TD> - 태그의속성 속성 ALIGN=" 정렬 " VALIGN=" 정렬 " BGCOLOR=" 색상 " 설명수평정렬방식지정수직정렬방식지정셀의배경색지정 -<TD>, <TH> 태그의속성 속성 WIDTH=" 수치 " HEIGHT=" 수치 " ALIGN=" 정렬 " VALIGN=" 정렬 " ROWSPAN=" 수치 " COLSPAN=" 수치 " BGCOLOR=" 색상 " 설명셀의너비지정셀의높이지정수평정렬방식지정수직정렬방식지정세로방향으로셀을합칠때사용가로방향으로셀을합칠때사용셀의배경색지정 - <TABLE> 태그의 CELLPADDING 속성은표의테두리와셀안에나타나는데이터와의여백크기를지정하는것이고, CELLSPACING 속성은셀과셀사이의간격 ( 선굵기 ) 을지정하는것이다.
HTML/XML 인터넷보충학습자료 - 3 - - <TABLE> 태그의 WIDTH, HEIGHT 속성을사용하여가로와세로크기를지정하고, ALIGN, VALIGN 속성을사용하여셀안에서의수직, 수평정렬을지정한다. - 예 1 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR VALIGN="top"> <TH> </TH> <TH> 중간 </TH> <TH> 기말 </TH> <TH> 성적 </TH> TABLE 기본속성으로 WIDTH, HEIGHT, ALIGN를사용하였다. 셀의가로, 세로의크기지정시 % 를사용하면상대적크기는나타내는것으로웹브라우저크기에따라상대적으로변하여표가잘려보일염려가없다. ALIGN( 수평정렬 ) 은가운데정렬이며, 1행의 VALIGN( 수직정렬 ) 의기본값은위쪽정렬로지정된것을알수있다. - 예 2 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR ALIGN="left" VALIGN="top"> <TH WIDTH="200" HEIGHT="50"> </TH> <TH> 중간 </TH> <TH> 기말 </TH> <TH> 성적 </TH>
HTML/XML 인터넷보충학습자료 - 4 - TABLE 기본속성이정해진가운데 1열의가로길이만다시지정할수있다. WIDTH를상대값이아닌절대값으로 200으로지정하고높이를 50으로재지정하였더니 1열의너비가원래셀보다길어졌고, 1행의높이가 2행과 3행보다작아진것을확인할수있다. - 예 3 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR ALIGN="center" VALIGN="middle"> <TH> 수학 </TH> <TD> 95 </TD> <TD ALIGN="right" VALIGN="bottom"> 90 </TD> <TD> A </TD> 2행의속성이상하모두가운데정렬이되도록지정되었으나, 3열 ( 90 ) 만 ALIGN="right" VALIGN="bottom" 로재지정되었다. - 예 4 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR ALIGN="right" VALIGN="bottom"> <TH> 영어 </TH> <TD> 87 </TD> <TD ALIGN="left" VALIGN="top"> 92 </TD> <TD> B </TD> 3행의속성이가로오른쪽정렬, 수직으로아래에정렬되게지정되었으나, 3열 ( 92 ) 만 ALIGN="left" VALIGN="top" 로재지정되었다.
HTML/XML 인터넷보충학습자료 - 5 - - 셀합치기의속성 세로셀합치기 : ROWSPAN=" 수치 " 가로셀합치기 : COLSPAN=" 수치 " -> 여기서 수치 는합치고싶은셀의개수 <TABLE BORDER="1"> <TD ROWSPAN="3"> 1 행 1 열 </TD> <TD COLSPAN="2"> 1 행 2 열 </TD> <TD> 2 행 2 열 </TD> <TD> 2 행 3 열 </TD> <TD COLSPAN="2"> 3 행 2 열 </TD> (1) 테두리선색지정속성 테두리선색 : BORDERCOLOR= 색상 셀배경색 : BGCOLOR= 색상 <TABLE BORDER="4" BORDERCOLOR="red"> <TR BGCOLOR="red"> <TD> </TD> <TD> 중간 </TD> <TD> 기말 </TD> <TD> 성적 </TD> <TD> 수학 </TD> <TD BGCOLOR="green"> 95 </TD> <TD> 90 </TD> <TD> A </TD> <TD> 영어 </TD> <TD> 87 </TD> <TD BGCOLOR="green"> 92 </TD> <TD> B </TD>
HTML/XML 인터넷보충학습자료 - 6 - (2) 표를입체적으로보일수있도록하는속성 BORDERCOLORDARK : 테두리아래와오른쪽부분의색을따로지정 ( 보통은입체효과에서어두운부분에해당된다.) <TABLE BORDER="4" BORDERCOLORDARK="blue"> <TD> </TD> <TD> 중간 </TD> <TD> 기말 </TD> <TD> 성적 </TD> BORDERCOLORLIGHT : 테두리위와왼쪽부분의색을따로지정 ( 보통은입체효과에서밝은색부분에해당된다.) <TABLE BORDER="4" BORDERCOLORLIGHT="red"> <TD> </TD> <TD> 중간 </TD> <TD> 기말 </TD> <TD> 성적 </TD> - 줄바꿈제한하기테이블의셀은가로길이를늘이지않아도자동으로줄바꿈이되도록기본설정되어있다. NOWRAP 속성을사용하면이를금지할수있다. <BODY> <TABLE BORDER="1"> <TD NOWRAP> 셀안의글자는기본적으로자동으로줄바꿈이된다.</TD> <TD> 셀안의글자는기본적으로자동으로줄바꿈이된다.</TD> </BODY>
HTML/XML 인터넷보충학습자료 - 7 - - 캡션삽입 <CAPTION> 태그를이용하여표에캡션 ( 첨부설명 ) 을붙일수있다. ALIGN속성을이용하면표의위 (top) 또는아래 (bottom) 어느부분에표시되게할것인지도지정할수있다. <BODY> <TABLE BORDER="1"> <CAPTION ALIGN="bottom"> 캡션삽입하기 </CAPTION> <TD> 1 행 1 열 </TD> <TD> 1 행 2 열 </TD> <TD> 2 행 1 열 </TD> <TD> 2 행 2 열 </TD> / - 표없는기본항목을나열한다. - 표없는기본 <BODY BGCOLOR="#DDAD00"> <P ALIGN="center ><FONT SIZE="4" COLOR="blue"> <B> 회원정보입력 </B></FONT></P> <HR>
HTML/XML 인터넷보충학습자료 - 8 - <TABLE WIDTH="600" HEIGHT="350" BORDER="1" CELLPADDING="5" ALIGN="center"> <TD> 아이디 </TD> <TD> 입력부분 </TD> 비밀번호, 이름,, 취미, 자기소개하는글 <TD COLSPAN="2" ALIGN="center"> 버튼삽입부분 </TD> </BODY>
HTML/XML 인터넷보충학습자료 - 9 - - <INPUT> 태그를사용하면텍스트박스, 체크박스, 버튼과같은사용자가직접입력할수있도록하는기능을삽입할수있다. - 종료태그 </INPUT> 없음 - 입력양식의종류 : text, password, radio, checkbox, submit, reset 등 - 형식 <INPUT TYPE= 입력양식의종류 > text, password radio, checkbox submit, reset -<INPUT> 태그의속성 속성 TYPE=" 타입 " NAME=" 이름 " VALUE=" 값 " SIZE=" 수치 " MAXLENGTH=" 수치 " CHECKED 설명입력양식의타입지정입력값에대한이름지정입력양식의기본값지정입력양식의크기지정입력양식에입력할수있는문자의최대값지정 TYPE 속성값이 checkbox, radio 일때초기값으로선택할상자나버튼지정 (1) 한줄로된텍스트박스 텍스트박스 : <INPUT TYPE= text > 비밀번호입력박스 : <INPUT TYPE= password > (2) 여러줄로된텍스트박스 <TEXTAREA> ~ </TEXTAREA> - <TEXTAREA> 의경우 <INPUT> 태그를사용하지않고속성값에따라서박스의크기나이름지정등을설정할수있다. - <TEXTAREA> 태그의속성
HTML/XML 인터넷보충학습자료 - 10 - 속성 ROWS=" 수치 " COLS=" 수치 " NAME=" 이름 " READONLY WRAP 설명텍스트박스의세로줄수지정텍스트박스의가로문자수지정이름지정값을수정할수없도록지정 <TEXTAREA> 는 Enter" 키를누르기전까지줄바꿈없이입력되도록기본설정외어있으나, WRAP속성을이용해자동줄바꿈을할수있다. 설정값 : off, virtual, physical - 예 텍스트박스 1 : <INPUT TYPE="text" NAME="TBox1"><BR><BR> 텍스트박스 2 : <INPUT TYPE="text" NAME="TBox2" SIZE="40"><BR><BR> 텍스트박스 3 : <INPUT TYPE="text" NAME="TBox3" MAXLENGTH="5"><BR><BR> 텍스트박스 4 : <INPUT TYPE="text" NAME="TBox4" VALUE=" 텍스트박스 "><BR><BR> 비밀번호박스 : <INPUT TYPE="password" NAME="password"><BR><BR> 텍스트에어리어 1 <BR> <TEXTAREA NAME="TArea1" WRAP="off"></TEXTAREA><BR><BR> 텍스트에어리어 2 <BR> <TEXTAREA NAME="TArea2" ROWS="7" COLS="40" WRAP="virtual"> 텍스트에어리어입니다.</TEXTAREA>
HTML/XML 인터넷보충학습자료 - 11 - (1) 체크박스 - 항목들앞에사각형모양의박스가있고항목들중에서한꺼번에여러개선택할수있는것. 형식 : <INPUT TYPE= checkbox NAME= VALUE= > (2) 라디오버튼 - 항목들앞에원모양의체크버튼이있고항목들중에서오로지한가지항목만선택할수있는것. 형식 : <INPUT TYPE= radio NAME= VALUE= > - 체크박스와라디오버튼의속성 속성 NAME=" 이름 " VALUE CHECKED 설명입력할필드의이름지정. ( 일반적으로같은주제에대해서같은이름으로짖는다.) 사용자가선택한항목이어떤것인지알수있도록하는속성초기화면에서기본적으로어떤항목이선택되어표시 -예라디오버튼 <BR><P> <INPUT TYPE="radio" NAME="radio" VALUE="radio1"> 버튼1 <INPUT TYPE="radio" NAME="radio" VALUE="radio2"> 버튼2 <INPUT TYPE="radio" NAME="radio" VALUE="radio3" CHECKED> 버튼3</P><BR> 체크박스 <BR><P> <INPUT TYPE="checkbox" NAME="checkbox" VALUE="checkbox1 " CHECKED > 박스1 <INPUT TYPE="checkbox" NAME="checkbox" VALUE="checkbox2" CHECKED> 박스2 <INPUT TYPE="checkbox" NAME="checkbox" VALUE="checkbox3"> 박스3</P>
HTML/XML 인터넷보충학습자료 - 12 - (1) 콤보박스 - 콤보박스는여러개의항목이아래로늘어져나타나고그중에한가지만선택할수있게하는양식이다. - 형식 : - 예 1 <SELECT> <OPTION> 선택 1 </OPTION> <OPTION> 선택 2 </OPTION> </SELECT> <SELECT NAME="PL"> <OPTION VALUE="select1"> C++ </OPTION> <OPTION VALUE="select2"> Java </OPTION> <OPTION VALUE="select3"> C# </OPTION> <OPTION VALUE="select4"> HTML </OPTION> <OPTION VALUE="select5"> COBOL </OPTION> <OPTION VALUE="select6"> Pascal </OPTION> </SELECT> - <SELECT> 태그의속성 속성 SIZE=" 수치 " NAME=" 이름 " MULTIPLE 설명메뉴의높이지정텍스트박스의가로문자수지정여러개의항목선택할수있도록지정 - <OPTION> 태그의속성 - 예 2 속성 VALUE=" 값 " SELECTED DISABLED 항목의값지정기본값지정항목비활성화 설명
HTML/XML 인터넷보충학습자료 - 13 - <SELECT NAME="PL" SIZE="6" MULTIPLE> <OPTION VALUE="select1"> C++ </OPTION> <OPTION VALUE="select2"> Java </OPTION> <OPTION VALUE="select3"> C# </OPTION> <OPTION VALUE="select4" SELECTED> HTML </OPTION> <OPTION VALUE="select5"> COBOL </OPTION> <OPTION VALUE="select6"> Pascal </OPTION> </SELECT> (1) 전송버튼 - 입력한내용을전송하기위한버튼 - 형식 <INPUT TYPE= submit VALUE= 버튼이름 > - TYPE 속성 속성 설명 submit 기본적으로버튼에 쿼리전송 이라는글 자가표시 VALUE=" 이름 " 버튼에다른이름을붙일수있다. reset 취소버튼 (2) 취소버튼 - 입력한내용을취소하기위해모두지우는버튼 - 형식 - 예 <INPUT TYPE= reset VALUE= 버튼이름 >
HTML/XML 인터넷보충학습자료 - 14 - <BODY> 취소버튼 <BR><BR> <INPUT TYPE="reset"><BR><BR> <INPUT TYPE="reset" VALUE=" 취소버튼 "><BR><BR> 전송버튼 <BR><BR> <INPUT TYPE="submit"><BR><BR> <INPUT TYPE="submit" VALUE=" 전송버튼 "> </BODY> - <FORM> 태그는사용자가입력한데이터들을특정한위치로전송하는역할을한다. 예 ) 전송버튼을눌러데이터들을전송할때전송할위치를지정을 <FORM> 태그에서한다. - <FORM> 태그를사용하여 <INPUT> 태그나 <SELECT> 태그로만들수있는기능들은입력양식으로 <FORM> 태그안에들어가며, 결과화면상의차이는발생하지않음 - <FORM> 태그의속성속성설명 ACTION="URL" 값을전송할주소지정 METHOD=" 전송방식 " 전송방식지정 - 전송방식 post 방식 HTTP 헤더속에감춰서전송되므로보안이필요한로그인정보나, 회원정보등의개인정보전송에많이사용된다 get 방식이름과값형태로 URL로그대로전송되므로다른사용자에게그대로노출된다는단점이있다. 그리고전체길이가거의무한적인 post 방식과는다르게 4,096 바이트까지전송이가능하다. get 방식은주로포털사이트에서검색어전달등의보안에신경쓰지않아도되는곳에서많이사용한다. - 형식 - ACTION 속성의값으로데이터를전송할 URL 을입력하거나 mailto: 이메일주소 를
HTML/XML 인터넷보충학습자료 - 15 - 입력하면해당주소로데이터를전송한다. - METHOD 속성을 post 방식과 get 방식을설정한다. (1) 회원정보입력양식만들기 - <INPUT>,<SELECT> 태그를사용하여아래와같은회원정보입력양식을만들다. (2) <FORM> 태그넣기
HTML/XML 인터넷보충학습자료 - 16 - <BODY BGCOLOR="#DDAD00"> <P ALIGN="center"> <FONT SIZE="4" COLOR="blue"> <B> 회원정보입력 </B></FONT> </P> <HR> <FORM ACTION="OK.html" METHOD="post"> <TABLE WIDTH="600" HEIGHT="350" BORDER="1" CELLPADDING="5" ALIGN="center"> <TD> 아이디 </TD> <TD> <INPUT TYPE="text" NAME="ID" SIZE="10"></TD>... </FORM> </BODY> (3) <INPUT> 태그넣기 - text 박스넣기 <TD> 아이디 </TD> <TD> <INPUT TYPE="text" NAME="ID" SIZE="10"> </TD> <TD> 비밀번호 </TD> <TD> <INPUT TYPE="password" NAME="password" SIZE="10"> </TD> <TD> 이름 </TD> <TD> <INPUT TYPE="text" NAME="name" SIZE="10"> </TD>
HTML/XML 인터넷보충학습자료 - 17 - (4) <INPUT> 태그넣기 - TEXTAREA 박스넣기 <TD> 전화번호 </TD> <TD> <INPUT TYPE="text" NAME="tel1" SIZE="3" VALUE="02"> -<INPUT NAME="tel2" SIZE="4"> -<INPUT NAME="tel3" SIZE="4"></TD> (5) <INPUT> 태그넣기 - 콤보박스넣기
HTML/XML 인터넷보충학습자료 - 18 - <TD> 직업 </TD> <TD> <SELECT SIZE="1" NAME="job"> <OPTION VALUE="job1" SELECTED> 학생 </OPTION> <OPTION VALUE="job2"> 회사원 </OPTION> <OPTION VALUE="job3"> 프로그래머 </OPTION> <OPTION VALUE="job4"> 무직 </OPTION> </SELECT> </TD> (6) <INPUT> 태그넣기 - 라디오버튼삽입 <TD> 성별 </TD> <TD> <INPUT TYPE="radio" NAME="gender" VALUE="male" CHECKED> 남자    <INPUT TYPE="radio" NAME="gender" VALUE="female"> 여자 </TD> (7) <INPUT> 태그넣기 - 체크박스삽입
HTML/XML 인터넷보충학습자료 - 19 - <TD> 취미 </TD> <TD> <INPUT TYPE="checkbox" NAME="hobby" VALUE="reading"> 독서    <INPUT TYPE="checkbox" NAME="hobby" VALUE="game"> 게임    <INPUT TYPE="checkbox" NAME="hobby" VALUE="movie"> 영화감상    <INPUT TYPE="checkbox" NAME="hobby" VALUE="music"> 음악감상    <INPUT TYPE="checkbox" NAME="hobby" VALUE="soccer"> 축구 </TD> (8) <INPUT> 태그넣기 - TEXTAREA 삽입하기 <TD> 자기소개하는글 </TD> <TD> <TEXTAREA ROWS="7" COLS="60" NAME="Intro"> 자기를소개하는글을쓰세요 </TEXTAREA> </TD> <TD COLSPAN="2" ALIGN="center"> <INPUT TYPE="submit" VALUE=" 등록하기 ">   <INPUT TYPE="reset" VALUE=" 취소하기 "> </TD>
HTML/XML 인터넷보충학습자료 - 20 - (9) 등록완료페이지 <HTML> <HEAD> <TITLE> 등록페이지 </TITLE> </HEAD> <BODY> <FONT SIZE="4" ALIGN="center"> <B> 등록이완료되었습니다.</B></FONT> </BODY> </HTML>
HTML/XML 인터넷보충학습자료 - 21 - 연습문제 1. 다음과같이테이블이구성되도록 HTML 코드를작성하시오. <BODY> <TABLE BORDER="1"> <TD COLSPAN="3"> 내용 </TD> <TD ROWSPAN="2"> 내용 </TD> <TD> 내용 </TD> <TD> 내용 </TD> <TD> 내용 </TD> <TD> 내용 </TD> </BODY> 2. <SELECT> 태그를사용하여다음에서설명하는것과같은입력양식을만드시오. - 높이 8의콤보박스를만든다. - 여러개의항목을동시에선택할수있도록한다. - 선택항목은프로야구 8개구단으로정한다. <HTML> <BODY> <SELECT NAME="BASEBALL" SIZE="8"> <OPTION> SK 와이번스 </OPTION> <OPTION> 두산베어스 </OPTION> <OPTION> 삼성라이온즈 </OPTION> <OPTION> 롯데자이언츠 </OPTION> <OPTION> 한화이글스 </OPTION> <OPTION> 기아타이거즈 </OPTION> <OPTION> 넥센히어로즈 </OPTION> <OPTION> LG 트윈스 </OPTION> </SELECT> </BODY> </HTML> 3. post 방식과 get 방식의차이점에대하여설명하시오. post 방식은 HTTP 헤더속에감춰서전송되므로보안이필요한로그인정보나, 회원정보등의개인정보전송에많이사용된다. 하지만 get 방식은이름과값형태로 URL로그대
HTML/XML 인터넷보충학습자료 - 22 - 로전송되므로다른사용자에게그대로노출된다는단점이있다. 그리고 URL 주소로전송하기때문에전체길이가거의무한적인 post 방식과는다르게 4,096 바이트까지전송이가능하다. 그러므로 get 방식은주로포털사이트에서검색어전달등의보안에신경쓰지않아도되는곳에서많이사용한다. 확인문제 다음의빈칸에알맞은단어를작성하시오. 1. 제목으로지정하고싶은셀을해당셀에해당하는 <TD> 태그대신에 ( ) 를사용한다. 2. 표에캡션을붙일경우 <CAPTION> 태그의 ALIGN 속성을사용하여표의 ( ),( ) 에위치시킬수있다. 3. 콤보박스를만들기위해서는 <SELECT> 태그와 ( ) 태그를사용해야한다. 4. 체크박스에초기값을지정하기위해서는 <INPUT> 태그의 ( ) 속성을사용한다. 5. 입력양식폼을지정해야할경우 METHOD 속성의값으로 ( ), ( ) 2가지전송방식을지정할수있다. 다음문장의참거짓여부를판별하시오. 6. 2행 2열의표를만들기위해서는 2개의 태그와 2개의 <TD> 태그를사용한다. ( ) 7. <TABLE> 태그의 WIDTH, HEIGHT 속성을사용하여크기를지정할경우웹브라우저창너비의상대적인크기로지정하려면퍼센트 (%) 로형식으로지정한다. ( ) 8. <INPUT> 태그의 TYPE 속성을 text 로지정함으로써여러줄의텍스트박스를만들수있다. ( ) 9. 여러개의항목을한꺼번에선택할수있는버튼을체크박스라고한다. ( ) 10. 콤보박스는화면에하나의항목만이보여지며화살표를클릭하여여러항목가운데원하는항목을선택할수있다. ( ) 다음의문제에해당되는보기를고르시오. 11. 다음과같이테이블을구성하기위하여빈칸에들어갈태그는? ( ) 1 행 1 열 1행 2열 2행 2열
HTML/XML 인터넷보충학습자료 - 23 - <TABLE BORDER="1"> <TD> 1행 2열 </TD> <TD> 2행 2열 </TD> 1 행 1 열 </TD> 1) <TD COLSPAN="1"> 2) <TD ROWSPAN="1"> 3) <TD COLSPAN="2"> 4) <TD ROWSPAN="2"> 12. 표안의셀간의구분선두께를지정하기위해서사용하는속성은? (2) 1) BORDER 2) CELLSPACING 3) CELLPADDING 4) ALIGN 13. 다음중 <INPUT> 태그의 TYPE 속성의값을 text 로지정하여만든텍스트박스에대한설명을잘못된것은? ( ) 1) SIZE 속성을사용하여여러줄을입력할수있는텍스트박스를만들수있다. 2) MAXLENGTH 속성을사용하여최대글자수를미리지정할수있다. 3) VALUE 속성의값을입력하여텍스트박스에표시될글자를미리지정할수있다. 4) NAME 속성으로텍스트박스의이름을지정할수있다. 14. 입력내용을전송하기위한 TYPE 속성의값은? ( ) 1) text 2) password 3) reset 4) submit 15. 콤보박스를생성할때여러개의항목을선택할수있도록지정하는속성은? (4) 1) CHECKED 2) SELECTED 3) DISABLED 4) MULTIPLE