팀 소개

웹프로그래밍

최근 인터넷의 사용이 일상화되면서 많은 종류의 실생활 서비스들이 인터넷을 통해 웹의 형태로 제공되고 있다.
대부분의 기업, 관공서, 조직 등은 물론 개인들까지 여러 가지 자신의 인터넷 홈페이지를 만들어 운영하고 있다.
그러므로 웹서비스를 설계하고 프로그래밍하고 구축하여 적절하게 제공하는 기술은 오늘날 매우 중요한 기술이라고 할 수 있다.

출제 범위 | 제 1장 기초사항(강의), HTML-CSS

q1

HTML이 의미하는 바는 무엇인가

1. Hyper Text Markup Language 2. Hyper text Machine Language 3. Http text Markup Language 4. Http text Machine Language

q2

웹 브라우저 화면에는 직접 보이지 않지만 문서의 정보(인코딩, 제목 등)를 포함하는 영역은 어디입니까?

1. head 2. section 3. footer 4. body

Q3

웹 문서에서 핵심이 되는 내용을 담으며, 문서 내에서 단 한 번만 사용해야 하는 시맨틱 태그는?

1. article 2. section 3. main 4. div

Q4

순서가 없는 목록(불릿 포인트 형태)을 만들 때 사용하는 태그는?

1. ol 2. li 3. ul 4. dl

Q5

입력란에 마우스 커서를 클릭하면 사라지는 힌트 메시지를 표시하는 속성은?

1. value 2. autofocus 3. placeholder 4. readonly

Q6

CSS에서 페이지에 있는 모든 요소를 대상으로 스타일을 적용할 때 사용하는 선택자는?

1. 타입 선택자 2. 전체 선택자(*) 3. 클래스 선택자(.) 4. 아이디 선택자(#)

Q7

CSS에서 한 문서 내에 딱 한 번만 사용할 수 있는 고유한 요소를 선택할 때 사용하는 기호는?

1. 타입 선택자 2. 전체 선택자(*) 3. 클래스 선택자(.) 4. 아이디 선택자(#)

Q8

외부 CSS 파일을 HTML 문서에 연결할 때 `head` 안에서 사용하는 태그는?

1. style 2. link 3. import 4. script

Q9

여러 스타일이 충돌할 때, '위에서 아래로 흐르며' 우선순위에 따라 적용되는 원칙은?

1. 배치 2. 캐스케이딩 3. 박스 모델 4. 상속

Q10

CSS `font-family` 속성에서 여러 글꼴을 나열할 때 사용되는 구분 기호는?

1. 공백 2. 쉼표 3. 세미콜론 4. 콜

Q11

박스 모델에서 콘텐츠 영역과 테두리(border) 사이의 안쪽 여백을 의미하는 속성은?

1. margin 2. width 3. padding 4. outline

Q12

박스 모델의 테두리 바깥족 여백을 설정하여 다른 요소와의 거리를 조절하는 속성은?

1. margin 2. content 3. padding 4. border

Q13

요소를 화면에 표시하지 않고 공간조차 차지하지 않게 만들 때 사용하는 `display` 값은?

1. none 2. inline 3. hidden 4. block

Q14

요소를 왼쪽이나 오른쪽에 떠있게 만드는 속성은?

1. float 2. align 3. display 4. position

Q15

문서의 기본 흐름에서 벗어나 요소를 원하는 좌표에 자유롭게 배치하거나, 스크롤을 내려도 화면의 특정 위치에 고정시키기 위해 사용하는 CSS 속성은 무엇입니까?

1. float 2. align 3. display 4. position