웹마스터 팁
[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 같은 단어들을 키워드에 삽입하시면 검색엔진에서 하급페이지로 간주하므로 주의하세요.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 초간단 애드온 제작법 [8] | 카르마 | 2011.03.25 |
| [PHP 기초] 변수, 상수 [2] | 난다날아 | 2011.03.24 |
| [PHP 기초] 사용법, 기본 문법 [8] | 난다날아 | 2011.03.23 |
| [PHP 기초] PHP 소개 [6] | 난다날아 | 2011.03.22 |
| 각 게시판 헤더에 언어 변경 버튼 추가하기 [1] | cjsound | 2011.03.21 |
| xe_default 스킨 분류 색상이 정상적으로 적용/출력되지 않을 경우 [2] | 위드파트너 | 2011.03.21 |
타이틀에 홈페이지 제목 추가 시키기
[5]
 | 웹 엔진 | 2011.03.17 |
| 모든 브라우져는 형제간의 z-index값을 아들과 형제간의 z-index값보다 우위 [7] | ForHanbi | 2011.03.16 |
| XE 쉬운설치에 sftp 이용하기 [6] | 비나무 | 2011.03.15 |
| z-index 값 설정하기... [2] | ForHanbi | 2011.03.15 |
| 홈페이지에 퀵메뉴를 다는 소스 (ie7이상, 사파리, 불여우, 오페라 등은 position:fixed 로 고정) [20] | Firstlove | 2011.03.14 |
| 사진링크가 깨져서 엉망이네요 [1] | 김성회 | 2011.03.11 |
| 추천수와 비추천수를 합친 값을 보여주기 | lol :) | 2011.03.11 |
| jQuery 강의 #2. 셀렉터에 스타일을 적용해보자. | 서기 | 2011.03.08 |
| 페이지 수정시 팝업창 높이 조절... [1] | 브레인630 | 2011.03.07 |
|
레이아웃에 소스추가해서 트래픽보기!
[2]
| 막시민 | 2011.03.07 |
| 이용자가 댓글을 닉네임으로 검색할순 없나요? [2] | gc00 | 2011.03.04 |
| jQuery 강의 #1. css에 대해 이해해보자. [1] | 서기 | 2011.03.03 |
|
XE Lune_Board 의 코멘트 배경색상 수정하기
[5]
| 세라오빠 | 2011.03.01 |
| XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] | 웹엔진 | 2011.02.28 |
4. <H4>글자크기</H4> (font size=4정도)
5. <H5>글자크기</H5> (font size=2~3정도)
이게 맞을텐데...