학습(공부)하는 블로그 :: 4. 선그리기와 제목 태그
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-28 14:32

4. 선그리기와 제목 태그

컴퓨터 활용/홈페이지 과정 | 2013. 1. 29. 17:12 | Posted by 깨비형
반응형

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
: