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



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

 웹프로그래밍.hwp

해당 자료는 해피레포트에서 유료결제 후 열람이 가능합니다.

분량 : 16 페이지 /hwp 파일설명 :

과제물의 문제에 적합한 형식과 내용으로 정성을 다해 작성했습니다.

여러 참고자료를 바탕으로 주요내용을 최대한 이해하기 쉽고 알차게 정리했습니다.

리포트를 효율적으로 작성하시는 데 작은 도움이라도 되시기를 진심으로 바랍니다.^^



문단 모양(왼쪽 여백 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 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.

③ 활용 예시

HTML웹프로그래밍 매뉴얼

HTML5의 사용법을 소개합니다.

2) hgroup
① 요소의 기능

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

② 주요 속성(또는 하위 요소)의 기능
이 요소에는 h1~h6 요소들만 올 수 있다.

③ 활용 예시

제목

부제목

참고문헌



이관용(2017). HTML웹프로그래밍. 한국방송통신대학교출판문화원.

이관용(2018). HTML5. 한국방송통신대학교출판문화원.

임효성(2021). (비전공자를 위한)첫 코딩 챌린지 : HTML5, CSS3. 골든래빗.

ANK Co.,Ltd.(2018). HTML5 & CSS3 사전. 성안당.

에릭 마이어, 에스텔 웨일(2021). CSS 완벽 가이드. 웹액츄얼코리아.

출처 : 해피레포트 자료실




답글 남기기