웹마스터 팁

기초태그모음#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

출처 : 태그대학