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

목차

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>에 들어가지 않아도 되는 링크를 포함한다.


- 중략 -

참고자료

· 없음