HTML 관련 예상 문제 정리

 

Q. HTML의 tag에 대하여 설명하시오.

HTML 문서는 태그로 이루어진다. 전체적으로 html, head, body 태그로 구성된다.
태그에는 다양한 속성이 존재한다.

Q. HTML tag의 글로벌 속성은?

적용할 스타일 이름을 지정하는 class, 텍스트 방향을 지정하는 dir,태그의 유일한 아이디를 저장하는 id,
인라인 스타일을 적용하기 위한 style, 추가 정보를 지정하는 title 등의 속성이 있다.

id속성은 중복될 수 없고, class 속성은 중복될 수 있다.

Q. HTML의 form 요소에 대하여 설명하시오.

form은 사용자로부터 데이터를 입력받아 서버에서 처리하기 위해 사용된다.
사용자는 적절한 데이터를 폼에 입력한 후 서버로 전송한다. 이를 submit이라고 한다.

Q. form의 속성은?

1. method : 사용자가 입력한 데이터를 서버에 어떻게 넘겨줄 지 지정한다.
GET : 주소 표시줄에 사용자가 입력한 내용이 표시된다. 길이 제한이 있다.(256~2048 byte)
POST : http 메시지의 바디에 담아서 전송한다. 길이 제한이 없다. 그러나 사용자가 입력한 내용이 표시되지 않는다.
2. name : 여러개의 form tag를 구분할 때 사용된다.
3. action : form 태그 안의 내용을 처리할 서버 프로그램을 지정한다. (url로 지정)
4. target : action 태그에서 지정한 파일을 다른 위치에 열도록 지정한다.

Q. div와 span을 간단히 설명하고, 그 차이는?

div는 블럭 형식으로 공간을 분할한다. 웹의 전체 레이아웃을 짤 때 사용된다. ex) div, form, h, table태그  등
span은 inline 형식으로 공간을 분할한다. 일부분에 스타일을 적용하기 위해 사용된다. ex) span, a, input 태그 등

div는 자동 줄바꿈이 있어 세로로 나열되지만, span은 가로로 나열된다.
div의 margin은 사방향이지만, span의 margin은 좌우로만 적용된다.

Q. a tag의 속성 이해

href : 연결할 주소 지정
target : 링크를 클릭할 때 창이 어떻게 열릴 지 설정
1. self - 링크를 클릭한 해당 창에서 연다.
2. blank - 링크를 새 창으로 연다.
3. parent - 부모 창, 부모 창이 없는 경우 self에서 연다.
4. top  - 전체 브라우저 중 가장 상위 창에서 연다.

title : 해당 링크에 커서를 올릴 때 도움말 설명을 설정한다.

Q. img 태그의 src 속성

<img> 태그의 src 속성은 이미지 소스의 URL을 명시한다. 절대 주소와 상대 주소를 적을 수 있다.