(A+, 3-1 컴퓨터, HTML웹프로그래밍) 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.

과제정보

학과	컴퓨터과학과	학년	3학년
과목명	HTML 웹프로그래밍	자료	5건
공통	1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점) [HTML 요소 - header, hgroup, nav, section, article, aside, footer, mark, time, meter, progress, ruby, wbr, details, datalist, output] ① 각... 더보기 1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점) [HTML 요소 - header, hgroup, nav, section, article, aside, footer, mark, time, meter, progress, ruby, wbr, details, datalist, output] ① 각 요소는 주어진 순서대로 번호를 매겨서 정리한다. ② 각 요소에 대해서는 요소의 기능, 주요 속성(또는 하위 요소)의 기능, 그리고 간단한 활용 예시는 반드시 포함해서 설명해야 한다. ☞ 속성(하위 요소)이 없는 경우에는 속성(하위 요소) 설명은 생략된다. ☞ 활용 예시에는 해당 요소와 주요 속성(하위 요소)들의 사용 방법을 간단히 설명하는 정도의 예시를 포함한다. (예를 들어 <a> 태그의 href 속성의 경우: <a href=“http://www.knou.ac.kr”>방송대</a>) ☞ 요소의 속성 설명에는 기본적으로 전역 속성은 포함하지 않는다. 2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.(15점) [CSS 속성의 부류 - 전환(transition)/애니메이션(키 프레임 설명 포함)/다단(multiple column)] ① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반드시 포함해야 한다. ② 정리할 각 속성은 부류별로 구분하고, 각 부류별로 속성에 1번부터 번호를 매겨서 정리한다. 접기

소개글

"(A+, 3-1 컴퓨터, HTML웹프로그래밍) 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오."에 대한 내용입니다.

목차

I. 서론

II. 본론
1. HTML 요소(태그) 에 대한 설명
(1) header
(2) hgroup
(3) nav
(4) section
Section
Section
(5) article
(6) aside
(7) footer
(8) mark
(9) time
(10) meter
(11) progress
(12) ruby
(13) wbr
(14) details
(15) datalist
(16) output
2. 해당 Tag를 사용하여 작성한 HTML 예시
3. 해당 Tag를 사용하여 작성한 HTML 예시-실행결과

III. 결론

본문내용

I. 서론
HTML 태그 또는 요소는 웹 페이지의 콘텐츠를 구조화하고 구성하는 방법을 제공합니다. 웹 페이지의 다양한 섹션과 구성 요소를 정의하고 해당 콘텐츠의 목적과 의미에 대한 정보를 제공하는 데 도움이 됩니다.
본 자료는 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리한 것입니다.

II. 본론
1. HTML 요소(태그) 에 대한 설명
(1) header
HTML의 <header> 태그는 설명 콘텐츠 또는 일련의 탐색 링크에 대한 컨테이너를 정의하는 데 사용됩니다. 일반적으로 사이트 로고, 사이트 제목 및 기본 탐색이 포함됩니다. <header> 요소는 일반적으로 하나 이상의 제목(<h1>, <h2> 등)과 사이트 탐색을 위한 <nav> 요소, 날짜 및 시간을 표시하기 위한 <time> 요소와 같은 기타 요소를 포함합니다. 콘텐츠 및 검색을 위한 <form> 요소. 예를 들어 <header> 태그는 단일 페이지에서 여러 번 사용할 수 있습니다. 예를 들어 웹 페이지의 다른 섹션에 대해 다른 헤더를 만들 수 있습니다.
<header>
<h1>Welcome to my website</h1>
<nav>
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
</ul>
</nav>
</header>

* 실행 결과

참고 자료

각종 인터넷 자료 활용