목차
1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.
2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.
- 목 차 -
1. HTML 요소(태그)
2. CSS 속성
참고문헌
2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.
- 목 차 -
1. HTML 요소(태그)
2. CSS 속성
참고문헌
본문내용
1. HTML 요소(태그)
1) header
(1) 요소의 기능
페이지나 섹션의 머리말을 나타내는 요소로 사이트 이름, 로그인, 회원가입, 사이트맵 등 웹사이트의 모든 곳에서 이용할 수 있는 링크를 담는다. 한 문서에 2개 이상의 header가 올 수 있다.
(2) 주요 속성(하위 요소)의 기능
h1~h6 요소나 hgroup 요소로 표시되는 제목을 넣어서 사용하는 것이 일반적이다. 또한 섹션의 목차, 검색 폼, 관련 로그 등 섹션의 개요나 네비게이션에 도움이 되는 요소도 넣을 수 있다. header 요소는 section, header, footer 요소를 포함할 수 없지만, section이나 article 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.
(3) 활용 예시
<header class="page-header">
<h1>한국방송통신대학</h1>
</header>
2) hgroup
(1) 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.
(2) 주요 속성(하위 요소)의 기능
이 요소에는 h1~h6 요소들만 올 수 있다. 다수의 <h1>-<h6> 요소를 묶을 때 사용한다. <hgroup> 요소는 문서 구획의 주 제목과 2차 제목을 연결해, 제목-부제목과 같은 "다단계 제목"을 만들 수 있다.
(3) 활용 예시
<hgroup>
<h1>Calculus I</h1>
<h2>Fundamentals</h2>
</hgroup>
<p>이 요소에는 h1~h6 요소들만 올 수 있다 …</p>
3) nav
(1) 요소의 기능
HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타낸다. 자주 쓰이는 예제는 메뉴, 목차, 색인이다.
(2) 주요 속성(하위 요소)의 기능
문서의 모든 링크가 <nav> 요소 안에 있을 필요는 없다. <nav> 요소는 주요 탐색 링크 블록을 위한 요소이다. 대개 <footer> 요소가 <nav>에 들어가지 않아도 되는 링크를 포함한다.
- 중략 -
1) header
(1) 요소의 기능
페이지나 섹션의 머리말을 나타내는 요소로 사이트 이름, 로그인, 회원가입, 사이트맵 등 웹사이트의 모든 곳에서 이용할 수 있는 링크를 담는다. 한 문서에 2개 이상의 header가 올 수 있다.
(2) 주요 속성(하위 요소)의 기능
h1~h6 요소나 hgroup 요소로 표시되는 제목을 넣어서 사용하는 것이 일반적이다. 또한 섹션의 목차, 검색 폼, 관련 로그 등 섹션의 개요나 네비게이션에 도움이 되는 요소도 넣을 수 있다. header 요소는 section, header, footer 요소를 포함할 수 없지만, section이나 article 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.
(3) 활용 예시
<header class="page-header">
<h1>한국방송통신대학</h1>
</header>
2) hgroup
(1) 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.
(2) 주요 속성(하위 요소)의 기능
이 요소에는 h1~h6 요소들만 올 수 있다. 다수의 <h1>-<h6> 요소를 묶을 때 사용한다. <hgroup> 요소는 문서 구획의 주 제목과 2차 제목을 연결해, 제목-부제목과 같은 "다단계 제목"을 만들 수 있다.
(3) 활용 예시
<hgroup>
<h1>Calculus I</h1>
<h2>Fundamentals</h2>
</hgroup>
<p>이 요소에는 h1~h6 요소들만 올 수 있다 …</p>
3) nav
(1) 요소의 기능
HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타낸다. 자주 쓰이는 예제는 메뉴, 목차, 색인이다.
(2) 주요 속성(하위 요소)의 기능
문서의 모든 링크가 <nav> 요소 안에 있을 필요는 없다. <nav> 요소는 주요 탐색 링크 블록을 위한 요소이다. 대개 <footer> 요소가 <nav>에 들어가지 않아도 되는 링크를 포함한다.
- 중략 -
추천자료
- 디자인,기획,프로그래밍
- 2018년 1학기 HTML웹프로그래밍 중간시험과제물 공통(교재 1~6장의 주요용어 설명)
- 2019년 1학기 HTML웹프로그래밍 중간시험과제물 공통(HTML 5.2 표준안)
- 2020년 1학기 HTML웹프로그래밍 중간시험과제물 공통(HTML 태그(요소))
- 2020년 1학기 HTML웹프로그래밍 기말시험 과제물
- (방송통신대 HTML웹프로그래밍)HTML5.2를 기준으로 전역 속성을 모두 찾아서 설명하시오.
- 2021년 1학기 HTML웹프로그래밍 중간시험과제물 공통(웹브라우저 조사 등 )
- (방송통신대 HTML웹프로그래밍 기말추가 과제물시험)HTML 웹프로그래밍 교과목의 기출문제 중...
- (방송통신대 HTML웹프로그래밍 중간과제물)주어진 HTML 요소(태그)에 대해서 다음 조건이 만...