[컴퓨터과학과] 2022년 1학기 HTML웹프로그래밍 중간시험과제물 공통(HTML 요소, CSS 속성)

과제정보

학과	컴퓨터과학과	학년	3학년
과목명	HTML 웹프로그래밍	자료	5건
공통	1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점) [HTML 요소 - header, hgroup, nav, section, article, aside, footer, mark, time, meter, progress, ruby, wbr, details, datalist, output] ① 각... 더보기 1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점) [HTML 요소 - header, hgroup, nav, section, article, aside, footer, mark, time, meter, progress, ruby, wbr, details, datalist, output] ① 각 요소는 주어진 순서대로 번호를 매겨서 정리한다. ② 각 요소에 대해서는 요소의 기능, 주요 속성(또는 하위 요소)의 기능, 그리고 간단한 활용 예시는 반드시 포함해서 설명해야 한다. ☞ 속성(하위 요소)이 없는 경우에는 속성(하위 요소) 설명은 생략된다. ☞ 활용 예시에는 해당 요소와 주요 속성(하위 요소)들의 사용 방법을 간단히 설명하는 정도의 예시를 포함한다. (예를 들어 <a> 태그의 href 속성의 경우: <a href=“http://www.knou.ac.kr”>방송대</a>) ☞ 요소의 속성 설명에는 기본적으로 전역 속성은 포함하지 않는다. 2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.(15점) [CSS 속성의 부류 - 전환(transition)/애니메이션(키 프레임 설명 포함)/다단(multiple column)] ① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반드시 포함해야 한다. ② 정리할 각 속성은 부류별로 구분하고, 각 부류별로 속성에 1번부터 번호를 매겨서 정리한다. 접기

목차

1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.

2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.


- 목 차 -

1. HTML 요소(태그)

2. CSS 속성

참고문헌

본문내용

1. HTML 요소(태그)

1) header
(1) 요소의 기능
페이지나 섹션의 머리말을 나타내는 요소로 사이트 이름, 로그인, 회원가입, 사이트맵 등 웹사이트의 모든 곳에서 이용할 수 있는 링크를 담는다. 한 문서에 2개 이상의 header가 올 수 있다.

(2) 주요 속성(하위 요소)의 기능
h1~h6 요소나 hgroup 요소로 표시되는 제목을 넣어서 사용하는 것이 일반적이다. 또한 섹션의 목차, 검색 폼, 관련 로그 등 섹션의 개요나 네비게이션에 도움이 되는 요소도 넣을 수 있다. header 요소는 section, header, footer 요소를 포함할 수 없지만, section이나 article 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.

(3) 활용 예시
<header class="page-header">
<h1>한국방송통신대학</h1>
</header>

2) hgroup
(1) 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.

(2) 주요 속성(하위 요소)의 기능
이 요소에는 h1~h6 요소들만 올 수 있다. 다수의 <h1>-<h6> 요소를 묶을 때 사용한다. <hgroup> 요소는 문서 구획의 주 제목과 2차 제목을 연결해, 제목-부제목과 같은 "다단계 제목"을 만들 수 있다.

(3) 활용 예시
<hgroup>
<h1>Calculus I</h1>
<h2>Fundamentals</h2>
</hgroup>
<p>이 요소에는 h1~h6 요소들만 올 수 있다 …</p>

3) nav
(1) 요소의 기능
HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타낸다. 자주 쓰이는 예제는 메뉴, 목차, 색인이다.

(2) 주요 속성(하위 요소)의 기능
문서의 모든 링크가 <nav> 요소 안에 있을 필요는 없다. <nav> 요소는 주요 탐색 링크 블록을 위한 요소이다. 대개 <footer> 요소가 <nav>에 들어가지 않아도 되는 링크를 포함한다.


- 중략 -

참고 자료

없음