글자[FONT] 태그
|
글 자 에 들 어 가 는 태 그 들 | ||||
|
font |
글자의 속성을 지정 |
|
size |
글자의 크기를 지정 |
|
color |
글자의 컬러를 지정 |
face |
글자체를 지정 | |
| <h1~6>내용</h1~6> | 1~6까지 글자 크기를 나타냅니다 |
<u>내 용</u> |
밑줄을 그어줍니다. | |
|
<kbd>내 용</kbd> |
키보드와 같은 글씨체 |
<b>내용</b> |
글자를 굵게 나타냅니다 | |
|
<blank>내용 </blank> |
깜박이게 합니다. |
<strong>내 용</strong> |
글자를 굵게 나타냄 | |
|
<i>내 용</i> |
글자를 이태릭체로 나타냅니다. |
<sub>내 용</sub> |
글자를 아래 첨자로 | |
| <p align="정렬위치">내 용</p> | right, center, left로 정렬 |
<sup>내 용</sup> |
글자를 윗첨자로 | |
| <div align="정렬위치">내 용</div> | <P> </P> |
전체 글자의 크기 지정 | ||
| <hn align="정렬위치">내 용</hn> |
<big>내용</big> |
기본 글자 크기보다 한단계 크게 나타냅니다. | ||
| <font face="@궁서">내 용</font> |
글자가 옆으로 누운 글씨 |
<small>내용</small> |
기본 글자 크기보다 한 단계 작게 나타냅니다. | |
※ 자 지금부터 글자의 속성에 대해서 배워 볼까요.
<p align="center"><font color="green" size="5" face="휴먼매직체">oxtag를 배우자......^^</font></p>
위를 실행 시키면 아래와 같이 나옵니다.
oxtag를 배우자......^^
| 태그 명령어는 위를 보시면 알겠지만 <p align="center"><font color=.........> 내 용 </font></p> 먼저 실행한 p align... 명령은 맨 나중에 닫아주시고 나중에 실행한 font....는 먼저 닫아줬죠. 이게 기본원칙 이란걸 염두해 두세요. | |
|
p aling="center" |
☞ 글자가 문서의 가운데에 위치하게금 합니다. (왼쪽이나 오른쪽에 정렬 시킬려면 right나 left를 이용해서 하시면 됩니다. |
|
color="green" |
☞ 글자의 색을 지정해주며 영어 red/black/blue....나 |
|
size="5" |
☞ 글자의 크기를 지정해 줍니다. |
|
face="휴먼매직체" |
☞ 글씨체를 지정해 줍니다.(궁서체.엽서체.개성체...등등 엄청나게 만죠.) |
위 예제를 보시고 원하시는 태그 명령어를 이용해서 다르게 응용해 보세요.
♣ 글씨의 정렬형태
예 제 실 행 화 면
|
<p align="정렬할 위치">오른쪽 정렬</p> <div align="정렬할 위치">중앙정렬</div> <hn align="정렬할 위치">왼쪽정렬</hn> |
|
|
<br>은 줄을 바꿀 때 사용하는 태그로 닫아주는 명령어는 없습니다. 일반 글작성은 엔터키로 한 칸을 내리지만 html문서 에서는 엔터를 치더라도 글 작성할 때는 한 칸이 내려간 것 같이 보이지만 실제 웹상에서는 줄 바꿈이 안되었을 겁니다.그래서 줄을 바꿀 위치에 <br>을 써주시면 됩니다. 또한 한칸 띄기도 마찬가지입니다. 를 사용해서 한 칸을 띄워줍니다. 여러 칸을 띄우려면 여러번 써주면 되겠죠. |
♣ 선 그리기
선을 그리는 명령어는 <hr>이고, 닫아주는 명령은 없습니다. 대신 크기를 지정해 줍니다.
|
예 제 |
<hr> |
|
실행화면 |
|
|
예 제 |
<hr color="red"> |
|
실행화면 |
|
|
예 제 |
<hr width="100px"> |
|
실행화면 |
|
|
예 제 |
<hr width="222px" size="10"> |
|
실행화면 |
|
|
예 제 |
<hr width="50%" size="20"> |
|
실행화면 |
|
|
예 제 |
<hr width="500" size="50" align="left"> |
|
실행화면 |
|
|
예 제 |
<hr width="500" size="50" align="right" noshade> |
|
실행화면 |
|
|
<hr> 태그는 선을 그려주는 로써 사용방법은 <hr width="선길이" size="높이수치" align="정렬위치" noshade> 이렇게 사용 할 수 있습니다. width="선길이" 의 경우 % 와 px을 사용할 수 있습니다. size의 경우 선의 높이를 조절해주는 속성이며 align 속성의 값으로는 left , center , right 등이 들어갈 수 있습니다. noshade 속성은 입체감을 없애 주기 위한 때 넣어주는 속성입니다. color은 컬러를 지정해 줍니다. |
♣ 그 밖의 여러 가지 태그 명령어
|
예 제 |
실 행 화 면 |
|
<b>글자를 굵게</b> = [<strong>내용</strong>] |
글자를 굵게 |
|
<i>글자를 이태릭체로</i> |
글자를 이태릭체로 |
|
이 글자를 <sup>위 첨자</sup>로 나타냅니다. |
이 글자를 위 첨자로로 나타냅니다. |
|
이 글자를 <sub>아래 첨자</sub>로 나타냅니다. |
이 글자를 아래 첨자로 나타냅니다. |
|
<s>글자 가운데에 선을 그어 줍니다.</s> |
|
|
<u>글자에 밑 줄을 그어 줍니다.</u> |
글자에 밑줄을 그어 줍니다. |
|
<font face="@궁서">글자를 옆으로</font> |
글자를 옆으로 |
'[IT·HW.SW사용법] > 태그소스방' 카테고리의 다른 글
| 마퀴태그 (0) | 2007.11.28 |
|---|---|
| 특수문자 태그 (0) | 2007.11.28 |
| 기본태그-2 (0) | 2007.11.28 |
| 기본태그 (0) | 2007.11.28 |
| 배경 음악을 얼마 후에 나오게 하는 소스 (0) | 2007.11.27 |