● <body>와 </body> 사이에 들어가는 기본태그들 ●
|
※ 서 식 관 련 ※ | ||||
|
<body bgcolor="컬러"> |
웹상에 보여지는 윈도우의 배경화면 지정해줍니다. |
|
<address>내 용</address> |
메일주소나 연락처등을 기록(글자가 기울여 써짐) |
|
<body background="이미지주소"> |
배경 그림을 불러옵니다.(http://로 시작하겠죠.) |
<b>내용</b> |
글자를 굵게 나타냅니다. | |
|
<body text="컬러"> |
글씨색의 표준을 지정 해줍니다. |
<tt>내 용</tt> |
타자기로 타이핑 한 것처럼 글자를 나타냅니다. | |
|
<body link="컬러"> |
링크를 걸어놓은 글자 색을 지정해줍니다. |
<hr size="숫자" width="숫자" align=left/center/right></hr> |
수평선의 두께/넓이/문단의 왼쪽,중앙, 오른쪽을(위치> 지정해줍니다. | |
|
<body vlink="컬러"> |
이미 검색한 링크 글자를 지정해 줍니다. |
<font size="숫자" color="컬러/이진법" face="글씨체">내용</font> |
글자의 크기/색상/글꼴을 지정해줍니다. | |
|
<body alink="컬러"> |
열고 있는 링크색 지정. |
<p aligh="left/center/right">내용</p> |
문단의 내용을 정렬해줍니다. | |
|
<p>내용</p> |
본문에서 단락을 구분해 줍니다. |
<i>내 용</i> |
글자를 이태릭체로 나타냅니다. | |
|
내용<br> |
닫아주는 명령어가 없고 쉽게 말하면 Enter와 같은 명령어입니다. |
<u>내 용</u> |
밑줄을 그어줍니다. | |
|
<center>내용</center> |
글자나 그림등을 본문의 중앙에 나타냅니다. |
<blank>내 용</blank> |
깜박이게 합니다. Netscape 전용입니다. 익스플로는 여기 클릭. | |
|
<hr></hr> |
수평선을 그어줍니다. |
<kbd>내 용</kbd> |
키보드와 같은 글씨체 | |
|
<pre>내용</pre> |
스페이스의 공백을 인식해 줍니다. |
<strong>내 용</strong> |
글자를 굵게 나타냄 | |
|
|
한칸을 띄워줍니다.(여러칸은 반복해서 사용하시면 되죠.) |
<sub>내 용</sub> |
글자를 아래 첨자 | |
|
<h1~6>내용</h1~6> |
1~6까지 글자 크기를 나타냅니다. |
<sup>내 용</sup> |
글자를 윗첨자로 | |
|
<big>내용</big> |
기본 글자 크기보다 한단계 크게 나타냅니다. |
<!--- 주석(내용) ----> |
주석으로 웹상에는 안나타남. | |
|
<br> |
줄을 바꿀 때 사용 |
<em>내 용</em> |
강조,이태릭체 | |
|
<small>내용</small> |
기본 글자 크기보다 한 단계 작게 나타냅니다. |
<basefont size="크기"> |
전체 글자의 크기 지정 | |
|
※ 목 록 정 의 ※ | ||||
|
<ul></ul> |
순서가 필요없는 목록을 적을때 |
|
<dl></dl> |
용어정의 목록을 사작하는 곳에 쓴다. |
|
<ol></ol> |
순서가 필요한 목록을 적을때 |
<dt> |
용어의 이름을 쓴다. | |
|
<li></li> |
ul,ol태그사용시 목록을 적을때 |
<dd> |
용어에 대한 설명을 쓴다. | |
|
※ 그 림 태 그 ※ | |
|
<img src="파일명이나 url"> |
그림을 삽입하기 위한 태그 |
|
<img src="파일명" border="숫자"> |
그림의 테두리 선의 값 지정 |
|
<img src="파일명" border="숫자" width="숫자" height="숫자"> |
그림의 넓이와 높이를 지정 |
|
<img src="파일명" alt="그림설명" align="left/center/right"> |
alt=마우스를 올렸을 때 그림설명 align=그림정렬방식 |
|
<img src="파일명" align="top/middle/bottom"> |
그림 옆에 오는 글자를 그림의 상단/중앙/아래부분에 나타냄 |
|
※ 링 크 관 련 태 그 ※ | |
|
<a href="연결될 파일명">글자/그림</a> |
글자/그림을 누르면 링크된 문서로 이동 |
|
<a href="http://링크될url">글자/그림</a> |
링크된 주소로 이동 |
|
<a href="mail to:자신의 메일 주소">글자/그림</a> |
편지함에 연결됨 |
|
<a href="문서명">글자/그림</a><a name="문서명 문단의 첫 부분</a> |
같은 문서 내에서의 이동 |
|
※ 테 이 블 태 그 ※ | |||||||||||||||||||
|
| ||||||||||||||||||
|
※ 프레임 관련 태그 ※ | |
| <FRAMESET></FRAMESET> | 한 페이지에 두개 이상의 창을 작성 |
| <FRAMESET COLS="n%,*"> | 화면에 세로 방향으로 금을 그어 화면을 나누는 방식 |
| <FRAMESET ROWS="n%,*"> | 화면에 가로 방향으로 금을그어 화면을 나누는 방식 |
| <FRAME SRC="문서.파일명"> | 프레임에 불러올 HTML문서 링크 |
| <MARGINWIDTH=n> | 프레임 창의 가로 여백을 지정 |
| <MARGINHEIGHT=n> | 프레임 창의 세로 여백을 지정 |
| <SCROLLING=YES,NO,AUTO> | 프레임 차의 스크롤 지정여부,자동여부 |
| <FRAMEBORDER=n> | 프레임의 경계선의 크기를 지정 |
| <TARGET=_BLANK,_TOP,파일명> | 프레임 창에서 링크된 경우 링크될때 보여주는 창을 지정 |
| <NAME= > | 프레임에 고유의 이름을 간단하게 씀 |
|
※ 기타 본문 관련 ※ | |
| <EMBED SRC="사운드.파일명" AUTOSTART=TRUE LOOP=n> | AUTOSTART를 사용해 홈페이지로 들어오면 백 그라운드 음악이 자동으로 시작하도록 지정할 수 있습니다. 이 태그는 넷스케이프에서만 적용됩니다. |
| <BGSOUND="사운드.파일명" LOOP=2> | <EMBED>태그와 비슷하며 익스플로러에서만 적용됩니다. |
'[IT·HW.SW사용법] > 태그소스방' 카테고리의 다른 글
| 특수문자 태그 (0) | 2007.11.28 |
|---|---|
| 글자폰트태그 (0) | 2007.11.28 |
| 기본태그 (0) | 2007.11.28 |
| 배경 음악을 얼마 후에 나오게 하는 소스 (0) | 2007.11.27 |
| [스크랩] 각종 효과음 모음 (0) | 2007.11.23 |