(방송통신대 HTML웹프로그래밍 중간과제물)주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오

소개

과제물의 문제에 적합한 형식과 내용으로 정성을 다해 작성했습니다.
여러 참고자료를 바탕으로 주요내용을 최대한 이해하기 쉽고 알차게 정리했습니다.
리포트를 효율적으로 작성하시는 데 작은 도움이라도 되시기를 진심으로 바랍니다.^^

문단 모양(왼쪽 여백 0, 오른쪽 여백 0, 줄간격 130%)
글자 모양(맑은고딕, 장평 100%, 크기 11 pt, 자간 0%)

행복하세요, Now!

목차

1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점)
1) header
① 요소의 기능 ② 주요 속성(또는 하위 요소)의 기능 ③ 활용 예시
2) hgroup
① 요소의 기능 ② 주요 속성(또는 하위 요소)의 기능 ③ 활용 예시
...... 생략 ......
16) output
① 요소의 기능 ② 주요 속성(또는 하위 요소)의 기능 ③ 활용 예시

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

1) 전환(transition)
(1) transition-property
① 속성의 기능 ② 속성값 ③ 사용방법
...... 생략 .....
(5) transition
① 속성의 기능 ② 속성값 ③ 사용방법

2) 애니메이션(키 프레임 설명 포함)
(1) 키프레임
① 속성의 기능 ② 속성값 ③ 사용방법
...... 생략 ......
(10) animation
① 속성의 기능 ② 속성값 ③ 사용방법

3) 다단(multiple column)
(1) column-count
① 속성의 기능 ② 속성값 ③ 사용방법
...... 생략 ......
(10) column-fill
① 속성의 기능 ② 속성값 ③ 사용방법

3. 참고문헌

본문내용

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

1) header
① 요소의 기능
페이지나 섹션의 머리말을 나타내는 요소로 사이트 이름, 로그인, 회원가입, 사이트맵 등 웹사이트의 모든 곳에서 이용할 수 있는 링크를 담는다. 한 문서에 2개 이상의 header가 올 수 있다.
② 주요 속성(또는 하위 요소)의 기능
h1~h6 요소나 hgroup 요소로 표시되는 제목을 넣어서 사용하는 것이 일반적이다. 또한 섹션의 목차, 검색 폼, 관련 로그 등 섹션의 개요나 네비게이션에 도움이 되는 요소도 넣을 수 있다. header 요소는 section, header, footer 요소를 포함할 수 없지만, section이나 article 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.
③ 활용 예시

2) hgroup
① 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.
② 주요 속성(또는 하위 요소)의 기능
이 요소에는 h1~h6 요소들만 올 수 있다.
③ 활용 예시

3) nav
① 요소의 기능
메뉴 영역을 나타내는 요소로 웹 페이지의 상단에 표시되는 네비게이션을 나타낼 때 적합한 요소이다. header나 article 요소 안에 올 수 있다.

② 주요 속성(또는 하위 요소)의 기능
목록을 나타내는 ul 요소가 자주 사용된다.

4) section
① 요소의 기능
제목별로 나눌 수 있는 문서의 콘텐츠 영역을 구성하는 요소이다. 문서 안의 장이나 절과 같은 한 덩어리의 영역을 나타낸다.
더 적합한 의미를 가진 요소가 없을 때 사용해야 한다. 따라서 요소를 그룹화하여 스타일을 적용하거나 스크립트에서 조작하기 위해 이 요소를 사용해서는 안 된다. 이때에는 div 요소를 사용한다.

참고자료

· 이관용(2017). HTML웹프로그래밍. 한국방송통신대학교출판문화원.
· 이관용(2018). HTML5. 한국방송통신대학교출판문화원.
· 임효성(2021). (비전공자를 위한)첫 코딩 챌린지 : HTML5, CSS3. 골든래빗.
· ANK Co.,Ltd.(2018). HTML5 & CSS3 사전. 성안당.
· 에릭 마이어, 에스텔 웨일(2021). CSS 완벽 가이드. 웹액츄얼코리아.