웹마스터 팁

기초태그모음#1

태그이름 HTML문서의 시작을 말한다.
<HTML> HTML문서의 시작과 끝을 나타낸다.
예) <HTML>......</HTML>
태그이름 HTML문서의 머리부분
<HEAD> HTML문서의 머리부분으로 반드시 <TITLE>태그를 포함하여야 한다.
예) <HEAD><TITLE>.....</TITLE></HEAD>
태그이름 HTML문서의 제목
<TITLE>  HTML문서의 제목을 나타내는 것으로 브라우저의 상단 표시상태줄에 나오게 되는 문서의 제목을 나타낸다.
예) <TITLE>안녕하세요</TITLE>
태그이름 HTML문서의 몸통부분
<BODY> HTML문서의 몸통부분이다.
예) <BODY>.......
태그이름 다음줄 넘기기
<BR>홈페이지를 만들때 가장 곤란을 당하는 경우가 한줄의 글을 쓴다음에 다음줄에 글을 쓰기가 어렵다는 것이다. 일반적인 워드프로세서는 ENTER키를 치면 되지만 HTML문서는 이러한 기능이 <BR>밖에는 없다.  
예) 홈페이지를 만들어 봅시다.<BR>
홈페이지를<BR>
만들어<BR>
봅시다.
결과) 홈페이지를 만들어 봅시다.
홈페이지를
만들어
봅시다.
태그이름 문단, 단락

  <BR>은 한줄의 글쓰기를 끝낸다음 다음글을 쓸때 넘기는 것이다. 그러나

의 경우에는 단락을 구분한다. 즉, 한줄을 띄우고 다음줄에 글을 쓰는 기능이다. 예를 보면 이해가 될것이다.
예) 한 단락을 띄워 보자.


한 문단을 띄워 보자.


한 줄을 띄워 보자.


결과) 한 단락을 띄워 보자.
한 문단을 띄워 보자.

한 줄을 띄워 보자.

글자체의 태그이름
태그이름 글자체의 크기를 조절
<H숫자>  글자체의 크기를 조절하는 기능을 가지고 있으며, 숫자에 따라 큰제목, 작은 제목등을 설정을 해 주면 된다. 1인 경우가 가장 크게 나오며 6까지 지원한다.
<H1>NZEO.COM</H1>
<H2>NZEO.COM</H2>
<H3>NZEO.COM</H3>
<H4>NZEO.COM</H4>
<H5>NZEO.COM</H5>
<H6>NZEO.COM</H6>

태그이름 굵게 표현하기

글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 반드시 를 써주어야 한다.
예)  한글 : 가나다라마바
      영어 : ABCDEF
      숫자 : 123456

태그이름 굵게 표현하기

<STRONG>글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 </STRONG>을 써주어야 한다.
예) 한글 : <STRONG>가나다라마바</STRONG>

태그이름 밑줄 긋기

<U>원하는 부분을 선택하여 밑줄을 긋는다.
예) 최강 커뮤니티 싸이트 : <U>NZEO.COM</U>

태그이름 이태릭체

<I>원하는 부분을 선택하여 기울게(이태릭체)로 표현한다.
예) 최강 커뮤니티 사이트 : <I>NZEO.COM</I>  

태그이름 기울여서 강조하기

<EM>원하는 부분을 선택하여 이태릭체와 굵게 표현하는 것이다.
예) 최강 커뮤니티 사이트 : <EM>NZEO.COM</EM>

태그이름 리스트화 하기

<UL><LI>일정한 항목이나 리스트같은 것을 표현할 경우에 씌인다. (번호로 매기지 않을 경우)
예) <UL>
<LI>최강 커뮤니티 사이트 : NZEO.COM</LI>
<LI>최강 커뮤니티 사이트 : NZEO.COM</LI>
<LI>최강 커뮤니티 사이트 : NZEO.COM</LI>
</UL>

태그이름 리스트화 하기(번호)

<OL><LI>위와 같은 기능을 하는 대신 점이 아닌 번호로 리스트화 하는 기능을 갖는다.
예) <OL>
<LI>최강 커뮤니티 사이트 : NZEO.COM</LI>
<LI>최강 커뮤니티 사이트 : NZEO.COM</LI>
<LI>최강 커뮤니티 사이트 : NZEO.COM</LI>
</OL>

태그이름 한칸 들여쓰기

<BLOCKQUOTE>한칸 들여쓰기 기능을 갖는다.
예) 이 예제는 한칸 들여쓰기를 보여줍니다. <BLOCKQUOTE>
이 예제는 한칸 들여쓰기를 보여줍니다.  

태그이름 한칸 앞으로 나오게 하기
<BLOCKQUOTE>한칸 들여쓰기와 반대로 한칸 앞으로 나오게 한다.  
예) <BLOCKQUOTE>
<BLOCKQUOTE>
이 예제는 한칸 나오게 합니다.

이 예제는 한칸 나오게 합니다.


태그이름 글 가운데 줄긋기 (Strikethrough)

<STRIKE>표현하고자 하는 글을 지정하고 가운데 줄을 긋는다.
예) <STRIKE>최강 커뮤니티 사이트 : NZEO.COM</STRIKE>

태그이름 타자체 (Typewriter)

<TT>타자체를 표현한다. 그러나 거의 표현이 잘 되지 않는다.
예) 최강 커뮤니티 사이트 : <TT>NZEO.COM</TT>

태그이름 Citation

<CITE>이태릭체와 비슷하나 인용문으로 쓰일때 사용된다.
예) 최강 커뮤니티 사이트 : <CITE>NZEO.COM</CITE>

태그이름 SAMPLE

<SAMP>컴퓨터의 상태표현으로 인용문으로 사용된다.
예) 최강 커뮤니티 사이트 : <SAMP>NZEO.COM</SAMP>

태그이름 Definition

<DFN>정의를 표현하고자 할때 씌인다.
예) 최강 커뮤니티 사이트 : <DFN>NZEO.COM</DFN>

태그이름 Variable

<VAR>변수를 표시할 때 씌인다.
예) 최강 커뮤니티 사이트 : <VAR>NZEO.COM</VAR>

태그이름 Keyboard

<KBD>사용자의 키보드에 의해서 입력되는 것을 표현하기 위해 사용된다.
예) 최강 커뮤니티 사이트 : <KBD>NZEO.COM</KBD>

태그이름 Blink

<BLINK>중요한 단어나 강조하고 싶은 단어를 깜박거리게 한다.(단 Nestcape만 지원한다.)
예) 최강 커뮤니티 사이트 : <BLINK>NZEO.COM

출처 : 태그대학

제목 글쓴이 날짜
▩왼쪽에다가 스크롤바 넣기 [1] ▩윤미 2002.02.21
▩HTML 최적화 기법 [3] ▩윤미 2002.02.21
msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] 카멜롯™ 2002.02.21
브라우저 입력 창에 나만의 아이콘 띄우기 [2] Topy 2002.02.22
원하는 위치에 배경 고정 시키기 [5] Topy 2002.02.22
Http에러코드들입니다 [8] Shyos 2002.02.22
▩[CSS] 한꺼번에 border =0 으로주기 (최적화 방법) ▩윤미 2002.02.22
▩<subject> 앞으로가기, 뒤로가기, 새로고침 버튼 만들기 ▩윤미 2002.02.22
▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] ▩윤미 2002.02.22
[CSS]모든 엘리먼트에 스타일시트 지정 [1] 엔카일 2002.02.22
Microsoft 에이전트를 이용해서 멋나게 꾸며보자 -_-)/ [7] 티르-_-)/ 2002.02.23
HTML 문서 용량 줄이기 [9] Telles 2002.02.24
[CSS+JAVA]CSS 와 자바스크립트를 파일로 만들어 연결 [5] ▩윤미 2002.02.24
동영상을 띄어볼까요? [2] ZipShin 2002.02.24
오른쪽 스크롤바 에 출렁이며 내려오는 공지창 [3] file choice 2002.02.25
페이지 스크롤 - 네개의 레이어를 이용한겁니다 [4] file choice 2002.02.25
[스타일시트] 스타일 시트의 개념 [4] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #1 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #2 [1] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #3 태엽감는새 2002.02.26