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

과제정보

학과	컴퓨터과학과	학년	3학년
과목명	HTML 웹프로그래밍	자료	15건
공통	1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오. ※ 설명에 포함될 내용 → 예를 들어 사용환경, 특징, 장단점, 인터페이스 구성(화면 구성)의 특장점, HTML5 기능의 지원 정도 등 각자가 다양한 기준을 마련해서 비교 ... 더보기 1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오. ※ 설명에 포함될 내용 → 예를 들어 사용환경, 특징, 장단점, 인터페이스 구성(화면 구성)의 특장점, HTML5 기능의 지원 정도 등 각자가 다양한 기준을 마련해서 비교 설명해야 한다. ※ 설명은 각 기준별로 구분해서 서술한다. 2. HTML5.2(https://www.w3.org/TR/html52/)를 기준으로 전역 속성을 모두 찾아서 설명하시오. ※ 설명에 포함될 내용 → 각 속성에 대해서 기능, 사용상의 주의점(있는 경우), 사용 방법을 충분히 설명/이해할 수 있는 예제, 그리고 해당 예제를 통해서 예상되는 결과/기능에 대한 구체적인 설명 등을 포함해야 한다. ※ 특정 단어로 시작하는 속성이 여러 개인 경우에는 대표적인 형태 하나를 선택해서 설명한다. ※ 전역 속성은 알파벳순으로 정렬한 후 순서대로 번호를 부여한다. 접기

소개글

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

문단 모양(왼쪽 여백 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 완벽 가이드. 웹액츄얼코리아.