방송통신대 HTML 웹프로그래밍 2022년도 1학기 출석수업 대체 중간과제물

소개글

"방송통신대 HTML 웹프로그래밍 2022년도 1학기 출석수업 대체 중간과제물"에 대한 내용입니다.

목차

1.주어진 HTML(태그)에 대하여 다음 조건이 만족하도록 정리하십시오.
AHeader
BHgroup
CNav
DSection
EArticle
FAside
GFooter
HMark
ITime
JMeter
KProgress
LRudy
Mwbr
Ndetails
Odatalist
P.output

2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.(15점)
A. 전환(transition)
1) transition-property
2) transition-duration
3) transition-timing-function
4) transition-delay

B. 애니메이션(키 프레임 설명 포함)
1) animation-name
2)animation-duration
3)animation-timing-funcion
4)animation-delay
5)animation-iteration-count
6)animation-direction
7)animation-fill-mode
8) animation-play-state

C. 다단(multiple column)
1) column-count
2) column-gap
3) column-rule
4) column-span
5)column-width

본문내용

1. 주어진 HTML(태그)에 대하여 다음 조건이 만족하도록 정리하십시오.

A Header
1) 요소의 기능 : 소개 및 탐색에 도움을 주는 콘텐츠를 나타내는 요소로서 제목, 검색, 이름 등의 요소로 사용이 가능 합니다.
2) 주요 속성(또는 하위 요소)의 기능 : 한 문서 내에 여러 개의 header 요소가 존재할 수 있습니다.
3) 간단한 활용 예시(설명포함)
<header>
<h1> 상단 메뉴의 header 입니다.</h1>
...
<section>
<header>
<h2>섹션 부분에 대한 헤더(header)입니다.</h2>
</header>
</header>

B Hgroup
1) 요소의 기능 : 그룹의 제목과 부제목을 연결을 위해 사용합니다.
2) 주요 속성(또는 하위 요소)의 기능 : 6단계의 구획 <h1> ~ <h6> 제목을 가질 수 있고 단계는 <h1>이 가장 높고 <h6>은 가장 낮습니다.
3) 간단한 활용 예시(설명포함)
<hgroup>
<h1>1. 활용</h1>
<h2>1.1 활용예시</h2>
</hgroup>
설명 : <h1> 하위 제목은 <h2> 입니다.

C Nav
1) 요소의 기능 : 링크의 커다란 집합을 의미하지만, 문서 내의 모든 링크가 nav 요소에 포함되는 않습니다.
2) 주요 속성(또는 하위 요소)의 기능 : HTML 문서 사이를 탐색할 수 있는 링크(link)의 집합을 정의합니다.
3) 간단한 활용 예시(설명포함)
<nav>
<a href="/html/home"> 첫페이지 요소 /a>
<a href="/html/menu"> 메뉴 요소</a>
</nav>

D Section
1) 요소의 기능 : 섹션(section)이란 제목을 가지고 있으며, HTML 문서의 전체적인 내용과 관련이 있는 콘텐츠들의 집합을 의미합니다.
2) 주요 속성(또는 하위 요소)의 기능 : HTML 문서에서 섹션(section) 부분을 정의합니다.
3) 간단한 활용 예시(설명포함)
<section>
<h2>섹션(section) 영역입니다.</h2>
</section>

참고 자료

없음