둘러보기/태그

기본 태그 1

dalmuli 2008. 7. 31. 09:25

<html></html>                    문서의 맨처음과 맨끝에 들어감

<body></body>                  문서의 본문내용이 들어감

<head></head>                  HTML문서의 큰 제목 부분을 정함

text="글자색"                        글자색을 지정

<title></title>                      웹페이지의 제목을 지정

 

==== 서식 관련 ====

<P>내용</P>                      본문에서 단락을 구분. 

<DIV>내용</DIV>                단락구분.마지막 줄 안 띄어줌

<BR>내용                            줄바꿈

<CENTER>내용</CENTER>   본문의 중앙에 오게 배치

<HR></HR>                        수평선

<PRE>내용</PRE>              스페이스의 공백 인식

<H1~6>문서 제목</H1~6>     글짜 크기를 1~6까지 사용

<BIG>내용</BIG>                 기본 글꼴보다 한 단계 크게

<SMALL>내용</SMALL>      BIG의 내용과 반대되는 표현

<ADDRESS>내용</ADDRESS> 메일주소,연락처등을 기록

<B>내용</B>                       지정된 내용을 굵게

<TT></TT>                          타자기로 친 것처럼 보여줌

<I>내용</I>                          이태릭체로

<U>내용</U>                       밑줄

<blink>내용</blink>              깜박이게

<CITE>내용</CITE>              인용이나 참조로 표시할때

<CODE>내용</CODE>          컴퓨터프로그램 코드모양변환

<EM></EM>                       강조,이태릭체

<KBD></KBD>                     키보드로입력한것과 같은모양

<STMP></STMP>                예제로 표시할때

<STRONG></STRONG>        글자를 굵게

<SUB></SUB>                     아래 첨자로 보여줍니다. 

<!--주석-->                         주석

<SUP></SUP>                     위첨자로

 

==== 목록정의 ====

<UL></UL>                          순서가 필요없는 목록을 적을때

<OL></OL>                          순서가 필요한 목록을 적을때

<LI></LI>                            UL,OL태그사용시 목록을 적을때

<DL></DL>                         용어정의 목록을 시작하는 곳에 사용

<DT>                                  용어의 이름을 쓴다. 

<DD>                                  용어의 대한 설명을 쓴다

 

==== 그림 태그 ====

<IMG>                                      그림을 삽입하기 위한 태그 

<IMG SRC="파일명" BORDER=n> 그림을 나타나게함.테두리선은  n값

<IMG SRC="파일명" BORDER=0 WIDTH=n HEIGHT=n>그림의 넓이와 높이를 지정

<IMG SRC="파일명" ALT="그림설명"ALIGN=LEFT,CENTER,RIGHT>

                                                Alt=그림에 대한 설명, ALIGN=그림정렬방식

<IMG SRC="파일명"ALIGN=TOP,MIDDLE,BOTTOM>

                                                그림 다음에 오는 글자를 그림의 상단,중앙,아랫부분에
                                                집어넣을 수 있도록 지정 

 

==== 링크 태그 ====

<A HREF="연결될 파일명">글자,그림</A> 

                                                 글자,그림을 누르면 연결될 문서로 이동한다

<A HREF="HTTP://링크할 주소">글자,그림</A>

                                                 링크된 주소로 이동한다

<A HREF="MAIL TO:자신의 메일 주소">글자,그림</A>

                                                 편지함과 연결된다

<A HREF="문서명">글자,그림</A><A NAME="문서명">문서명 문단의 첫부분</A>

                                                 같은 문서 내에서의 이동이 가능하게 하는 태그

 

==== 테이블 태그 ====

<TABLE></TABLE>                     표를 나타냄

<TR></TR>                                 TABLE안에 쓰여 한 행을 만들어 줌

<TD></TD>                                 TR안에 스여 한 셀을 만들어

<TH></TH>                                 TABLE안에 셀의 제목을 나타냄

<TABLE BORDER=n CELLSPACING=n>

                                                  TABLE의 테두리선 크기,셀과 셀 사이의 간격을 조절 

<TABLE CELLPADDING=n BGCOLOR=색상코드> 

                                                  셀과 내부 글자와의 간격을 벌려줌, 바탕색을 지정

<TABLE WIDTH=n HEIGHT=n>        TABLE 넓이와 높이를 지정

<TD COLSPAN=n ROWSPAN=n>     셀을 가로,세로로 합치고 싶을때 사용

<TD ALIGN=LEFT,CENTER,RIGHT VALIGN=TOP,MIDDLE,BOTTOM>

                                                   좌우,중앙,상하 정렬

 

==== 프레임 태그 ==== 

<FRAMESET></FRAMESET>        한 페이지에 두개 이상의 창을 작성

<FRAMESET COLS="n%,*">         화면에 세로 방향으로 금을 그어 화면을 나누는 방식

<FRAMESET ROWS="n%,*">        화면에 가로 방향으로 금을그어 화면을 나누는 방식 

<FRAME SRC="문서.파일명">        프레임에 불러올 HTML문서 링크

<MARGINWIDTH=n>                      프레임 창의 가로 여백을 지정

<SCROLLING=YES,NO,AUTO>       프레임 차의 스크롤 지정여부,자동여부

<FRAMEBORDER=n>                    프레임의 경계선의 크기를 지정

<TARGET=_BLANK,_TOP,파일명>    프레임 창에서 링크된 경우 링크될때 보여주는 창을 지정

<NAME= >                                   프레임에 고유의 이름을 간단하게 씀

 

==== 싸운드 태그 ====

<EMBED SRC="사운드.파일명" AUTOSTART=TRUE LOOP=n>

                                                   AUTOSTART를 사용해 홈페이지로 들어오면 백 그라운드

                                                   음악이 자동으로 시작하도록 지정할 수 있습니다. 이 태그는

                                                   넷스케이프에서만 적용됩니다.

BGSOUND src="사운드.파일명" LOOP=2>

                                                   <EMBED>태그와 비슷하며 익스플로러에서만 적용됩니다

'둘러보기 > 태그' 카테고리의 다른 글

기본 태그 2  (0) 2008.07.31