[옵션 용어]
table WIDTH=490 ==> 테이블의 넓이
BORDER=3 ===> 테이블 테두리선의 두께
BORDERCOLOR=hotblue> ===> 테이블 테두리선의 색상
td background=> ====> 배경그림의 주소
marquee height="300" ==>글자가 나타나서 사라지는 범위
behavior="loop" ==> 글자가 나오는 반복횟수(무한)
direction="up" ==> 글자의 방향
scrolldelay="15" ==>글자속도지정
scrollamount="1" ==>글자속도지정
style="text-align:left;"> ==>글의 정렬위치
font color=hotpink ==>글자의 색상지정
size="2" ==>글자의 크기
face="돋움체"> ==>글의 형태(모양)
<b> ==> 글자를 굵게
상단의 칼라 테이블에서 원하는색을 클릭하면
선택한 색의 코드와 rgb 코드까지 나옵니다.
표현할수있는 모든색이 있습니다.
[문서 지정]
<HTML> </HTML> 문서의 맨 처음과 맨 끝에 사용이 됩니다.
<HEAD></HEAD> HTML문서의 큰 제목 부분을 정함
<TITLE></TITLE> 웹 페이지의 제목을 지정
<BODY></BODY> 문서의 본문을 담당
예)
<HTML>
<HEAD>
<TITLE>문서 제목</TITLE>
</HEAD>
<BODY BGCOLOR="배경색을 지정">
<body bgcolor="white" text="black" **="blue" v**="purple" a**="red">
본문내용
</BODY>
</HTML>
[서식 관련]
<P>내용</P> 본문에서 단락을 구분.
<P ALIGN=LEFT,CENTER,RIGHT>내용</P> 문단내용 정렬
<DIV>내용</DIV> 단락구분.마지막 줄 안 띄어줌
<BR>내용</BR> 줄 바꿈
<CENTER>내용</CENTER> 본문의 중앙에 오게 배치
<HR></HR> 수평선
<HR SIZE=n WIDTH=n ALIGN=LEFT,CENTER,RIGHT></HR> 수평선의 두께,넓이,문단에서 왼쪽,중앙,오른쪽을 지정
<PRE>내용</PRE> 스페이스의 공백 인식
<H1~6>문서 제목</H1~6> 글짜 크기를 1~6까지 사용
<FONT SIZE=n COLOR=#000000 FACE=굴림>내용</FONT> 글자를 크기,색상,글꼴을 지정
<BIG>내용</BIG> 기본 글꼴보다 한 단계 크게
<SMALL>내용</SMALL> 기본 글꼴보다 한 단계 작게
<ADDRESS>내용</ADDRESS> 메일주소,연락처등을 기록
<BLOCKQUOTE>내용</BLOCKQUOTE> 인용문 등을 사용
<B>내용</B> 지정된 내용을 굵게
<I>내용</I> 이태릭체로
<U>내용</U> 밑줄
<BLANK>내용</BLANK> 깜박이게
<CITE>내용</CITE> 인용이나 참조로 표시할때
<CODE>내용</CODE> 컴퓨터프로그램 코드모양 변환
<EM></EM> 강조, 이태릭체
<KBD></KBD> 키보드로 입력한 것과 같은모양
<STMP></STMP> 예제로 표시할때
<STRONG></STRONG> 글자를 굵게
<STRIKE></STRIKE> 글자를 중앙에 선을 그어보여줌
<SUB></SUB> 아래 첨자로 보여줍니다.
<SUP></SUP> 위 첨자로
<TT></TT> 타자기로 친 것처럼 보여줌
<!--주석--> 주석
[목록 정의]
<UL></UL> 순서가 필요없는 목록을 적을때
<OL></OL> 순서가 필요한 목록을 적을때
<LI></LI> UL,OL태그사용시 목록을 적을때
<DL></DL> 용어정의 목록을 시작하는 곳에 쓴다.
<DT> 용어의 이름을 쓴다.
<DD> 용어의 대한 설명을 쓴다.
&NBSP; 브라우저에서 스페이스바를 띄우는 효과
[그림 관련]
<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> 프레임 창의 가로 여백을 지정
<MARGINHEIGHT=n> 프레임 창의 세로 여백을 지정
<SCROLLING=YES,NO,AUTO> 프레임 차의 스크롤 지정여부,자동여부
<FRAMEBORDER=n> 프레임의 경계선의 크기를 지정
<NAME= > 프레임에 고유의 이름을 간단하게 씀
<TARGET=_BLANK,_TOP,파일명> 프레임 창에서 링크된 경우 링크될때 보여주는 창을 지정
[기타 본문 관련]
<** SRC="사운드.파일명" AUTOSTART=TRUE LOOP=n> AUTOSTART를 사용해 홈페이지로 들어오면 백 그라운드 음악이 자동으로 시작
하도록 지정할 수 있습니다. 이 태그는 넷스케이프에서만 적용됩니다.
<BGSOUND="사운드.파일명" LOOP=2> **>태그와 비슷하며 익스플로러에서만 적용됩니다.
'일상' 카테고리의 다른 글
완벽한 죽음(삶에대해 생각하게하는 만화) (0) | 2013.05.28 |
---|---|
모바일에서 작성~ ^^ (0) | 2013.04.08 |
This is Test~ (0) | 2013.04.07 |