[방통대] HTML웹프로그래밍 중간과제물_HTML태그(요소)정리~CSS 속성 정리_30점 만점

소개

"[방통대] HTML웹프로그래밍 중간과제물_HTML태그(요소)정리~CSS 속성 정리_30점 만점"에 대한 내용입니다.

목차

1. HTML 요소(태그) 정리
1) header
2) hgroup
3) nav
4) 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. CSS 속성 정리
1) 전환(transition)
2) 애니메이션
3) 다단(multiple column)

본문내용

header
header 태그는 웹페이지나 특정 내용에 대한 설명이나 소개를 하기 위해 존재한다.
header는 보통 제목 요소와 로고, 아이콘, 작성자 이름 등의 요소를 포함할 수 있다.
<header>
<h1>방송통신대학교 홍길동 정보</h1>
<p>Author : hgd</p>
<img src=“hgd .png” alt=“No image”>
</header>

2. hgroup
hgroup은 하나의 큰 제목과 여러 개의 subtitle을 한 그룹으로 묶어 나타내는 태그이다.
<hgroup>
<h1>방송통신대학교 홍길동 정보</h1>
<h4>성별</h4>
</hgroup>

3. nav
nav 태그는 현재 접속한 웹페이지 내에서 다른 페이지도 이동할 때 사용된다.
또는 현재 접속한 웹페이지 내 다른 영역으로 이동할 때도 사용된다.
주로 목차, 인덱스 등에 쓰인다. 해당 목차를 클릭하면 다른 페이지나 현페이지 내 다른 영역으로 이동한다.
<nav class="index">
<ul>
<li class="index"><a href="https://www.knou.ac.kr">knou로 이동</a></li>
<li class="index"><a href="#hgd">hgd 영역으로 이동</a></li>
</ul>
</nav>
<h4>한국방송통신대학교 홍길동 </h4>
<p>위 &quot;1. knou로 이동&quot;를 누르면 한국방송통신대학교 홈페이지로 이동한다.</p>
<a id="hgd">hgd 영역</a>

4. section
현재 HTML 웹페이지에 나타난 글을 문단 별로 나눌 때 주로 사용한다.
<section>
<h3>HTML</h3>
<p>HTML, CSS, JavaScript를 소개하고 웹페이지를 작성한다.</p>
</section>

5. article
article 태그는 HTML 현재 웹사이트 안에 독립적인 영역을 구분하고자 할 때 쓰는 태그이다.
<article class="hgd News">
<h1>사회 분야</h1>
<article class="headline news">
<h2>코로나 확진자 30만</h2>
<p>코로나 확진자 일별 30만.. 연이은 상승세</p>
</article>
</article>

참고자료

· 없음