웹마스터 팁
[HTML 초보자] HTML HeadLine태그(H1,H2..)
2002.08.16 16:27
저와 함께 한 시간이 벌써 이렇게 되었군요^^ 이번에 배울태그는 Font태그와 비슷한 태그입니다.
폰트태그에서는 <font size="1~7까지의 숫자">폰트사이즈</font>이러한 태그를 사용했는데, 이번에는
글자가 상대적으로 크게 만들어지는 태그를 배우겠어요. 음..보자.. H라는 태그입니다. 일명 HeadLine이죠..^^
* 이태그는 특히 제목이나 강조할때도 많이 사용하고요, H태그를 사용하면 자동적으로 아래글이 '<br>'태그 효과를 본답니다.
사용법)
기본으로 <H>글자 크기변경</H>를 사용합니다. 여기에 숫자를 사용하는데 숫자는 1에서 6까지를 씁니다.
1. <H1>아주 큰 글자</H1> (폰트태그로는 size=7정도입니다.)
2. <H2>그다음 큰 글자</H2> (폰트태그로는 size=6정도)
3. <H3>중간쯤..</H3> (font size=3정도의 크기)
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=5~6정도)
6. <H6>아주작은글자</H6> (font size=1크기)
대충 이렇게 사용합니다. 제가 너무급해서 그런데 보충을 원하고자 하는 분은 코멘트에 꼬릿말을 남깁시다.
**웹페이지에 넣을려면.
<html>
<head>
<title>Head Line</title>
</head>
<body>
1. <H1>아주 큰 글자</H1> (폰트태그로는 size=7정도입니다.)
2. <H2>그다음 큰 글자</H2> (폰트태그로는 size=6정도)
3. <H3>중간쯤..</H3> (font size=3정도의 크기)
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=5~6정도)
6. <H6>아주작은글자</H6> (font size=1크기)
</body>
</html>
을 하셔야 합니다. 문서는 htm또는 html으로 하셔야하구요^^
폰트태그에서는 <font size="1~7까지의 숫자">폰트사이즈</font>이러한 태그를 사용했는데, 이번에는
글자가 상대적으로 크게 만들어지는 태그를 배우겠어요. 음..보자.. H라는 태그입니다. 일명 HeadLine이죠..^^
* 이태그는 특히 제목이나 강조할때도 많이 사용하고요, H태그를 사용하면 자동적으로 아래글이 '<br>'태그 효과를 본답니다.
사용법)
기본으로 <H>글자 크기변경</H>를 사용합니다. 여기에 숫자를 사용하는데 숫자는 1에서 6까지를 씁니다.
1. <H1>아주 큰 글자</H1> (폰트태그로는 size=7정도입니다.)
2. <H2>그다음 큰 글자</H2> (폰트태그로는 size=6정도)
3. <H3>중간쯤..</H3> (font size=3정도의 크기)
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=5~6정도)
6. <H6>아주작은글자</H6> (font size=1크기)
대충 이렇게 사용합니다. 제가 너무급해서 그런데 보충을 원하고자 하는 분은 코멘트에 꼬릿말을 남깁시다.
**웹페이지에 넣을려면.
<html>
<head>
<title>Head Line</title>
</head>
<body>
1. <H1>아주 큰 글자</H1> (폰트태그로는 size=7정도입니다.)
2. <H2>그다음 큰 글자</H2> (폰트태그로는 size=6정도)
3. <H3>중간쯤..</H3> (font size=3정도의 크기)
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=5~6정도)
6. <H6>아주작은글자</H6> (font size=1크기)
</body>
</html>
을 하셔야 합니다. 문서는 htm또는 html으로 하셔야하구요^^
댓글 6
-
TheMics
2002.08.16 17:13
-
뽀유♡
2002.08.16 23:51
TheMics // ZipShin님 오타나셨나봐요^^;;
딴지놓는건 아닙니다만;; ^^;; -
한글사랑zenity
2002.08.17 01:25
근데..보통 html책 사보면 font size 보다 h를 먼저 나와있던데.. -
ZipShin
2002.08.17 14:20
예..개인마다 차이가 다를수도 있겠지요..^^
저는 인터넷에서 먼저 font태그를 배웠습니다. -
fox_magi
2002.08.19 08:05
w3c에서는 <h숫자>제목글</h숫자>태그대신 스타일시트를 사용하라고 권장하고 있습니다.
참고로 일반적인 웹사이트를 홍보할때 메타태그를 많이 사용합니다.
<h숫자>제목글</h숫자>태그로 이루어진 제목글도 검색로봇이 읽어들여
검색엔진에 등록합니다.
<h숫자>제목글</h숫자>태그는 일반적인 웹페이지를 위해서 만들어진것 보다는 장애인용 웹페이지를 위해서 만들어졌습니다.시각장애인들이 사용하는 컴퓨터를 보면 음성으로 해당글을 읽어서 장애인에게 알려주는데 이때 <h숫자>제목글</h숫자>태그에서 작성된 글을 인식하여
좀더 강한 발음으로 읽어줍니다. -
fox_magi
2002.08.19 08:08
<title>타이틀</title>태그도 검색로봇이 읽어들이므로 홈페이지를 홍보하실때에
타일틀 단어에도 메타태그중 키워드에 속해있는 단어들을 선정하여 적어주시면 됩니다.
참고로 web,internet 같은 단어들을 키워드에 삽입하시면 검색엔진에서 하급페이지로 간주하므로 주의하세요.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| Whois를 이용해서 접속자가 사용하는 ISP출력(한국통신,하나로,두루넷 등등) [6] | 김재경 | 2003.09.23 |
내 홈페이지의 방문자 어디서 접속했을까 알아봅시다
[21]
 | 버찌소년 | 2003.10.08 |
| 알기쉬운 웹용 MySQL 관리도구, phpMyAdmin 설치하기 [10] | 허창원 | 2003.10.11 |
| 공지사항|일기장 4강 - notice.php 간단한 글보이기 | 시루바 | 2003.10.16 |
| include, onload, <span id=...> 다계층메뉴 활용 강좌 [2] | 김병희 | 2003.10.25 |
|
홈페이지 관리자 모드 구축하기 (HTTP 인증, 중복 맞음)
[10]
| 9000㎒ | 2003.11.01 |
| 지금은 시스템 점검중 만들기... [8] | zentoo.com | 2003.11.11 |
|
회원 포인트 랭킹(중복 -_-a)
[4]
| weky | 2003.11.15 |
| 한꼬마의 제로보드 활용방법 (로그인 값 알아 보기) [3] | 한꼬마 | 2003.11.20 |
| 한꼬마의 제로보드 이용법 (sql로 테이블 호출) [2] | 한꼬마 | 2003.11.26 |
|
throttle-me를 이용한 계정 트래픽 나타내기
[39]
| 旻天 | 2003.11.27 |
| 랜덤 배경음악 만들기. [6] | 폭주나루 | 2003.12.01 |
| 세션을 이용한 관리자 모드 구축하기 1강(중복?) | 박정호 | 2003.12.09 |
| 세션을 이용한 관리자 모드 구축하기 2강 [6] | 박정호 | 2003.12.09 |
| 세션을 이용한 관리자 모드 구축하기 3강 [6] | 박정호 | 2003.12.09 |
| 카일레라 서버 페이지 만들기. [2] | teslaMINT | 2003.12.09 |
| 나도 @ 도메인 서비스를 해보자 [29] | 김병철 | 2003.12.19 |
| [팁&테크] 텍스트파일에서 디비 입력하기. [1] | 김영진 | 2004.01.09 |
| include에서 Failed opening 발생문제 [4] | 이경훈 | 2004.01.10 |
| unset / isset 를 알아보자. [2] | 씨파개 | 2004.01.12 |
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=2~3정도)
이게 맞을텐데...