1.<hr>태그 : Horizontal Rule
○ 형식 : <hr width="선 길이" size="높이(두께)수치" align="정렬위치" noshade>
○ 설명
- 줄과 줄 사이에 선을 그려 넣을 때 사용하는 태그
- 시각적으로 웹 페이지의 구역을 나누어 주는 선
- 텍스트의 구역을 구분
○ 속성
- size= (픽셀) => 선의높이(두께)를 지정
- width=(픽셀 또는 %) => 선의 가로길이를 지정
- align=left, right, center =>가로줄의 정렬 방법을 결정
- noshade =>입체적인 모양 대신 단순히 선으로 나타낼 때 사용(음영의 효과가 없어짐.)
2.<hn>태그 : Heading
○ 형식 : <hn> …… </hn>
○ 설명
- 제목 태그
- 웹 페이지의 정보를 구조적으로 보여 줌
○ 특징
- <hn>에서 'n'은 1에서 6까지 숫자를 말함(예, <h1>~ <h6> …… </h1>~</h6>
- h는 Heading의 약자로 주로 문장의 타이틀 제목으로 사용
- <hn> 태그가 적용된 글자는 두꺼운 글자로 표현
- 글자크기는 h1>h2>h3>h4>h5>h6 순임
- 자동 줄바꿈이 일어나므로 <br> 태그가 불필요
○ 사용
- <h1>,<h2>,<h3> 태그 : 웹페이지의 각 영역의 제목으로 자주 사용
- <h5>,<h6>태그 : 거부권이나 저작권과 같은 정보를 표현할 때 사용
- <h4>태그 : 보통 웹 페이지 본문 텍스트와 같은 크기인 경우가 많다.
· 브라우저에서 보통 제목행을 굵은 글씨체로 표현하고 위쪽과 아래쪽에 빈줄을 한 줄씩 삽입함.
· 기본적으로 왼쪽 정렬 되어 있으며 마감태그를 적어주어야 함.
· align속성을 사용하면 정렬방식을 바꿀 수도 있음.
○ 속성
- align=left, right, center =>정렬 방법을 결정
※ 정렬할 때 justice 로 지정하면 왼쪽정렬이지만 오른쪽 끝 부분이 매끄럽게 유지된다.
※ 속성은 보통 겹따옴표("")로 붙이지만 요즘은 생략해도 된다.
'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글
6. <font>태그 (0) | 2013.01.30 |
---|---|
5. 글자(Text) 태그 (0) | 2013.01.30 |
3. 문단 태그 (0) | 2013.01.28 |
2. HTML 태그 맛보기 (0) | 2013.01.28 |
1. HTML의 개요 (0) | 2013.01.07 |