웹마스터 팁
[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 같은 단어들을 키워드에 삽입하시면 검색엔진에서 하급페이지로 간주하므로 주의하세요.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 벅스 연동 되는 자세한 소스... [6] | 서비 | 2002.09.07 |
| 벅스 플레이어 소스입니다. [6] | ☺Lifestory™ | 2002.09.07 |
| [HTML 초보자]- 테이블 태그를하자-4 [1] | ZipShin | 2002.09.07 |
| [HTML 초보자]- 테이블 태그를하자-3 [2] | ZipShin | 2002.09.04 |
| 자바스크립트 없이 브라우저 버전체크 [5] | steelheart | 2002.09.03 |
| [HTML 초보자]- 테이블 태그를하자-2 [5] | ZipShin | 2002.09.02 |
| 초보에게는 골치아픈 배경 위치 정하기... [6] | 유지호 | 2002.09.01 |
| [HTML 초보자] 테이블 태그를하자-1 [5] | ZipShin | 2002.08.30 |
| [HTML 초보자] marquee 태그 마스터 하기. [5] | ZipShin | 2002.08.27 |
| 스타일 시트 적용순서 [4] | 판타랏사 | 2002.08.24 |
| [HTML 초보자] HTML <Hr>태그에 대해서.. [3] | ZipShin | 2002.08.23 |
| [HTML 초보자] 강제개행 <br>태그 엔터효과. [8] | ZipShin | 2002.08.21 |
| HTML/CSS/JSCRIPT Reference for IE5.0 and above [5] | 송인석 | 2002.08.20 |
| HTML과 CSS 사전을 만들어 보았습니다. [7] | 01CODE.com | 2002.08.20 |
| [초보-하드코딩] 소스정리 팁 몇가지... [23] | 안데르센 | 2002.08.19 |
| [HTML 초보자] HTML 문단 P태그에 대해서 알아봐요..^^ [5] | ZipShin | 2002.08.18 |
| 웹 폰트 적용 시키기 - 초보자용 - [13] | 하지메 | 2002.08.18 |
| [HTML]::HTML소스를 쉽게! 그대로 표시하게 하잣!! [3] | Smileru™ | 2002.08.17 |
| [HTML 초보자] HTML HeadLine태그(H1,H2..) [6] | ZipShin | 2002.08.16 |
| 깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] | 키르(SP) | 2002.08.15 |
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=2~3정도)
이게 맞을텐데...