태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

2007.08.24 17:28

◈ 기초태그모음#1

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

한 문단을 띄워 보자.

한 줄을 띄워 보자.

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

태그대학

태그대학

태그대학

태그대학

태그대학
태그대학
태그이름 굵게 표현하기
<B> 글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 반드시 </B>를 써주어야 한다.
예) 한글 : <B>가나다라마바</B>
영어 : <B>ABCDEF</B>
숫자 : <B>123456</B>
결과) 한글 : 가나다라마바
영어 : ABCDEF
숫자 : 123456
태그이름 굵게 표현하기
<STRONG> 글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 </STRONG>을 써주어야 한다.
예) 한글 : <STRONG>가나다라마바</STRONG>
결과) 한글 :  가나다라마바
태그이름 밑줄 긋기
<U> 원하는 부분을 선택하여 밑줄을 긋는다.
예) 최강 태그 사이트 : <U>태그대학</U>
결과) 최강 태그 사이트 : 태그대학
태그이름 이태릭체
<I> 원하는 부분을 선택하여 기울게(이태릭체)로 표현한다.
예) 최강 태그 사이트 : <I>태그대학</I>
결과) 최강 태그 사이트 : 태그대학
태그이름 기울여서 강조하기
<EM> 원하는 부분을 선택하여 이태릭체와 굵게 표현하는 것이다.
예) 최강 태그 사이트 : <EM>태그대학</EM>
결과) 최강 태그 사이트 : 태그대학
태그이름 리스트화 하기
<UL><LI> 일정한 항목이나 리스트같은 것을 표현할 경우에 씌인다. (번호로 매기지 않을 경우)
예) <UL>
<LI> 최강 태그 사이트 : 태그대학</LI>
<LI> 최강 태그 사이트 : 태그대학</LI>
<LI> 최강 태그 사이트 : 태그대학</LI>
</UL>
결과)
  • 최강 태그 사이트 : 태그대학
  • 최강 태그 사이트 : 태그대학
  • 최강 태그 사이트 : 태그대학
태그이름 리스트화 하기(번호)
<OL><LI> 위와 같은 기능을 하는 대신 점이 아닌 번호로 리스트화 하는 기능을 갖는다.
예) <OL>
<LI>최강 태그 사이트 : 태그대학</LI>
<LI>최강 태그 사이트 : 태그대학</LI>
<LI>최강 태그 사이트 : 태그대학</LI>
</OL>
결과)
  1. 최강 태그 사이트 : 태그대학
  2. 최강 태그 사이트 : 태그대학
  3. 최강 태그 사이트 : 태그대학
태그이름 한칸 들여쓰기
<BLOCKQUOTE> 한칸 들여쓰기 기능을 갖는다.
예) 이 예제는 한칸 들여쓰기를 보여줍니다. <BLOCKQUOTE>
이 예제는 한칸 들여쓰기를 보여줍니다.</BLOCKQUOTE>
결과) 이 예제는 한칸 들여쓰기를 보여줍니다.

이 예제는 한칸 들여쓰기를 보여줍니다.

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

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

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

태그이름 글 가운데 줄긋기 (Strikethrough)
<STRIKE> 표현하고자 하는 글을 지정하고 가운데 줄을 긋는다.
예) <STRIKE>최강 태그 사이트 : 태그대학</STRIKE>
결과) 최강 태그 사이트 : 태그대학
태그이름 타자체 (Typewriter)
<TT> 타자체를 표현한다. 그러나 거의 표현이 잘 되지 않는다.
예) 최강 태그 사이트 : <TT>태그대학</TT>
결과) 최강 태그 사이트 : 태그대학
태그이름 Citation
<CITE> 이태릭체와 비슷하나 인용문으로 쓰일때 사용된다.
예) 최강 태그 사이트 : <CITE>태그대학</CITE>
결과) 최강 태그 사이트 : 태그대학
태그이름 SAMPLE
<SAMP> 컴퓨터의 상태표현으로 인용문으로 사용된다.
예) 최강 태그 사이트 : <SAMP>태그대학</SAMP>
결과) 최강 태그 사이트 : 태그대학
태그이름 Definition
<DFN> 정의를 표현하고자 할때 씌인다.
예) 최강 태그 사이트 : <DFN>태그대학</DFN>
결과) 최강 태그 사이트 : 태그대학
태그이름 Variable
<VAR> 변수를 표시할 때 씌인다.
예) 최강 태그 사이트 : <VAR>태그대학</VAR>
결과) 최강 태그 사이트 : 태그대학
태그이름 Keyboard
<KBD> 사용자의 키보드에 의해서 입력되는 것을 표현하기 위해 사용된다.
예) 최강 태그 사이트 : <KBD>태그대학</KBD>
결과) 최강 태그 사이트 : 태그대학
태그이름 Blink
<BLINK> 중요한 단어나 강조하고 싶은 단어를 깜박거리게 한다.(단 Nestcape만 지원한다.)
예) 최강 태그 사이트 : <BLINK>태그대학</BLINK>
결과) 최강 태그 사이트 : 태그대학
</BODY>

'웹표준 > Html' 카테고리의 다른 글

img 속성  (0) 2007.09.19
Tag 몇개  (0) 2007.09.19
기본 Tag  (0) 2007.08.24
구글 검색기 달기  (0) 2007.08.21
이미지맵  (0) 2007.08.20
scroll-bar 디자인  (0) 2007.08.14
Posted by 고시랑

티스토리 툴바