|
| |
|
|
(방송통신대 HTML웹프로그래밍 중간과제물)주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오
파일 
웹프로그래밍[2].hwp
[Size :
77 Kbyte
]
웹프로그래밍[2].hwp
[Size :
77 Kbyte
]
분량 16 Page
가격 16,000 원
×
링크주소가 복사 되었습니다.
원하는 곳에 붙혀넣기 하세요
원하는 곳에 붙혀넣기 하세요
카트
|
다운받기
|
 네이버 ID로 다운 받기  카카오 ID로 다운 받기  구글 ID로 다운 받기  페이스북 ID로 다운 받기 |
뒤로
|
자료설명
과제물의 문제에 적합한 형식과 내용으로 정성을 다해 작성했습니다.
여러 참고자료를 바탕으로 주요내용을 최대한 이해하기 쉽고 알차게 정리했습니다.
리포트를 효율적으로 작성하시는 데 작은 도움이라도 되시기를 진심으로 바랍니다.^^
문단 모양(왼쪽 여백 0, 오른쪽 여백 0, 줄간격 130%)
글자 모양(맑은고딕, 장평 100%, 크기 11 pt, 자간 0%)
여러 참고자료를 바탕으로 주요내용을 최대한 이해하기 쉽고 알차게 정리했습니다.
리포트를 효율적으로 작성하시는 데 작은 도움이라도 되시기를 진심으로 바랍니다.^^
문단 모양(왼쪽 여백 0, 오른쪽 여백 0, 줄간격 130%)
글자 모양(맑은고딕, 장평 100%, 크기 11 pt, 자간 0%)
목차/차례
- 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 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.
③ 활용 예시
[body][header]
[h1]HTML웹프로그래밍 매뉴얼[/h1]
[p]HTML5의 사용법을 소개합니다.[/p]
[/header][/body]
2) hgroup
① 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.
② 주…
1) header
① 요소의 기능
페이지나 섹션의 머리말을 나타내는 요소로 사이트 이름, 로그인, 회원가입, 사이트맵 등 웹사이트의 모든 곳에서 이용할 수 있는 링크를 담는다. 한 문서에 2개 이상의 header가 올 수 있다.
② 주요 속성(또는 하위 요소)의 기능
h1~h6 요소나 hgroup 요소로 표시되는 제목을 넣어서 사용하는 것이 일반적이다. 또한 섹션의 목차, 검색 폼, 관련 로그 등 섹션의 개요나 네비게이션에 도움이 되는 요소도 넣을 수 있다. header 요소는 section, header, footer 요소를 포함할 수 없지만, section이나 article 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.
③ 활용 예시
[body][header]
[h1]HTML웹프로그래밍 매뉴얼[/h1]
[p]HTML5의 사용법을 소개합니다.[/p]
[/header][/body]
2) hgroup
① 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.
② 주…
참고문헌
이관용(2017). HTML웹프로그래밍. 한국방송통신대학교출판문화원.
이관용(2018). HTML5. 한국방송통신대학교출판문화원.
임효성(2021). (비전공자를 위한)첫 코딩 챌린지 : HTML5, CSS3. 골든래빗.
ANK Co.,Ltd.(2018). HTML5 & CSS3 사전. 성안당.
에릭 마이어, 에스텔 웨일(2021). CSS 완벽 가이드. 웹액츄얼코리아.
이관용(2018). HTML5. 한국방송통신대학교출판문화원.
임효성(2021). (비전공자를 위한)첫 코딩 챌린지 : HTML5, CSS3. 골든래빗.
ANK Co.,Ltd.(2018). HTML5 & CSS3 사전. 성안당.
에릭 마이어, 에스텔 웨일(2021). CSS 완벽 가이드. 웹액츄얼코리아.
| 📝 Regist Info |
|
I D : meme******* Date : 2022-03-03 FileNo : 22030301 |
Cart  | |
| |