(방송통신대 HTML웹프로그래밍 기말추가 과제물시험)HTML 웹프로그래밍 교과목의 기출문제 중에서 2018학년도와 2019학년도 기말시험 문제를 다음 조건이 만족되도록 정리해서 제출하시오.

소개글

(방송통신대 HTML웹프로그래밍 기말추가 과제물시험)HTML 웹프로그래밍 교과목의 기출문제 중에서 2018학년도와 2019학년도 기말시험 문제를 다음 조건이 만족되도록 정리해서 제출하시오.에 대한 보고서 자료입니다.

목차

2018학년도 1 학기 HTML웹프로그래밍(36-60）
2019학년도 1 학기 HTML웹프로그래밍(36-60）

본문내용

성은 없다.
54. CSS 속성이 아닌 것은? （3점）
① text-shadow ② text-color ③ text-transform ④ text-decoration
해설
text-transform 속성은 텍스트를 대문자 또는 소문자로 변환하거나, 각 단어의 첫 글자를 대문자로 변환한다(교재 p168). text-decoration은 텍스트에 밑줄이나 윗줄 취소선을 긋는 텍스트 장식 작업을 해준다(교재 p169). text-shadow는 텍스트에 그림자 효과를 지정해준다(교재 p171). CSS에 text-color 속성은 없다.
55. 콘텐츠가 요소 박스를 넘어서는 경우의 처리 방법을 지정하기 위한 CSS 속성으로，visual, hidden, scroll, auto를 속성의 값으로 사용하는 것은? （2점）
① overflow ② position ③ visibility ④ z-index
해설
overflow 속성은 콘텐츠가 요소 박스를 넘어서는 경우 이를 처리하기 위해 visible, hidden, scroll, auto 속성값을 취한다. visible은 기본값으로 오버플로된 내용이 모두 표시된다. hidden은 요소 박스를 벗어난 내용은 표시하지 않는다. scroll은 오버플로된 내용을 볼 수 있도록 스크롤바가 추가된다. auto는 자동으로 스크롤바가 표시된다(교재 p190). 단, 문제에서는 visible이 아니라 visual로 잘못 제시되어 있어 ①, ②, ③, ④ 모두 정답 처리된다.
56. CSS margin 속성에 대한 설명으로 올바른 것은? （2점）
① 요소 내용과 테두리 사이의 여백을 지정한다.
② 속성값으로 left, right, center, justify 등을 사용한다.
③ 요소의 왼쪽 방향의 여백은 left-margin 속성으로 지정할 수 있다.
④ 인접한 수직 여백은 통합된다.
해설
margin 속성은 박스의 테두리 밖의 여백에 대해 상하좌우 방향 모두에 대해 일괄적으로 마진을 지정한다. 속성값으로는 길이, 퍼센트, auoto가 올 수 있다. margin-left로 왼쪽 방향 여백을 지정한다. padding 속성은 요소 내용과 테두리 사이의 여백을 지정한다. 2개 이상의 박스가 인접한 경우 인접한 아래 마진과 위 마진은 둘 중 큰 값의 마진으로 합쳐진다(교재 p175~176).
57. CSS 속성 중에서 사용되는 속성값의 개수에 따라 적용되는 방향이 달라지지 않는 것은? （2점）
① margin ② padding ③ border-style ④ background
해설
margin에서 속성값의 개수에 따라 마진 적용 방향이 달라진다. 예를 들면 “margin: 10px 20px”라고 하면 상하는 10px, 좌우는 20px의 마진이 적용된다(교재 p176). padding과 border-style 또한 속성값의 개수에 따라 적용되는 방향이 달라진다(교재 p198). background 속성은 background-* 속성들을 일괄적으로 지정한다(교재 p197).
58. 다음과 같은 CSS를 적용하여 출력된 테이블에 대한 설명으로 올바른 것은? （2점）

① 테이블 전체에 해당하는 제목은 테이블의 상단에 표시된다.
② 테이블 열의 폭이 셀의 내용의 크기에 따라 자동으로 결정된다.
③ 테이블 테두리와 셀 테두리가 하나로 합쳐져서 표시된다.
④ 인접한 셀 테두리들은 20픽셀의 여백을 유지한다.
해설
border-collapse는 테이블 테두리와 셀의 테두리를 하나의 테두리로 합칠지 여부를 지정한다. 속성값이 collapse이면 두 테두리를 하나로 합쳐서 표시한다. table-layout은 셀 안의 내용의 크기에 따른 셀의 크기 변화를 지정한다. 속성값이 fixed이면 셀의 내용의 크기와 관계없이 테이블 또는 셀의 폭에 의해서만 결정된다. caption-side의 속성값이 botton이면 테이블 캡션은 하단에 표시된다. border-spacing은 인접한 셀 테두리 사이의 여백을 지정한다. border-spacing: 20px 20px에서 속성값은 수평거리와 수직거리를 나타낸다(교재 p205).
59. 다음은 자바스크립트 코드의 일부이다. 출력된 그림과 같이 사용자로부터 키보드를 통해서 원하는 데이터를 입력받기 위해 밑줄 친(ㄱ)에 알맞은 함수명은? (2점)

① confirm ② prompt ③ alert ④ input
해설
사용자로부터 키보드로 원하는 데이터를 입력받을 때 prompt()함수를 사용한다. 반환값 = prompt(\"대화상자에 나타낼 설명“, 기본값)의 형식으로 사용된다(교재 p239).
60. 버튼을 누르면 div 요소 내의 텍스트 색상을 파란색으로 변경하는 코드의 일부이다. 이를 완성하기 위해서 밑줄 친 (a)에 적합한 메서드명은? (2점)

버튼을 누르면 요소의 스타일이 변경됩니다.

① getElementByld ② getElementsByTagName ③ getElementsByClassName ④ getElementByStyle
해설
메서드의 매개변수인 \"main\"은 div 요소의 아이디를 나타내므로, 문서 객체 모델에서 아이디를 통해 요소에 접근하는 getElementByld 메서드가 적합하다(교재 p273).

키워드

방송통신대HTML웹프로그래밍,   방송대HTML웹프로그래밍,   방통대HTML웹프로그래밍