본문 바로가기
  • 기록이 역사입니다-여수미술 아카이브
  • 세상과 소통하기 위한 문화예술
  • 행복한 삶을 위한 문화예술
■ 컴퓨터/홈피제작소스

◈ 기초태그모음 #1

by May born JCY 2005. 7. 9.

태그이름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>
결과)최강 태그 사이트 : 태그대학

'■ 컴퓨터 > 홈피제작소스' 카테고리의 다른 글

◈ 기초태그 모음 #3  (1) 2005.07.09
◈ 기초태그 모음 #2  (1) 2005.07.09
HTML 색-코드  (0) 2005.07.09
배경음악 소스  (1) 2005.07.09
[소스] 플래시로 제작된 시계  (2) 2005.07.09

댓글