| 오늘 : 756
|
어제 : 1,115 |
| 최대 : 13,859 |
전체 : 12,113,505 |
|
|
|
작성일 : 11-04-10 23:52
|
서명을 위한 태그 팁입니다.
|
 |
 조회 : 3,219  추천 : 3
|
안녕하세요. 머큐리 서버 GF 길드 ㅡ우유오빠ㅡ 입니다.
일반적인 웹 페이지를 만들기 위한 태그가 아닌, 서명을 위한 태그 이기 때문에
간단한 태그만 설명을 드리겠습니다.
-------------------------------------------------------------
한줄 띄어쓰기 <br>
: 일반적으로 게시판에 글을 쓰고 엔터를 치면 한줄이 넘어가듯이..
<br> 태그를 쓰게 되면 한줄이 넘어갑니다.
ex : a<br>b -> a
b
이렇게 나타납니다.
-------------------------------------------------------------
가운데 정렬하기 <center></center>
: 가운데 정렬하고 싶은 글씨 혹은 이미지는 <center> 여기 </center>
<center> 와 </center> 사이에 입력된 부분은 가운데 정렬이 됩니다.
<center>로 태그를 열어줬으면 </center> 로 꼭 닫아주셔야 합니다.
-------------------------------------------------------------
글씨 두껍게 쓰기 <b></b>
: 역시 이 태그도 위의 태그와 같이 <b>와</b> 사이에 넣어주시면..
이렇게 글씨가 두꺼워 집니다.
-------------------------------------------------------------
이미지 불러오기 <img src="이미지가 있는 웹 주소" width="넓이" height="높이">
: 이미지를 불러오는 태그입니다. 이미지가 있는 웹 주소는 내 컴퓨터에 위치한
주소가 아닌..http://로 시작하는 웹에 있는 주소를 입력하며, 넓이와 높이는
pixel 단위로 크기를 지정해주시면 됩니다.
-------------------------------------------------------------
글씨 크기 및 색상 지정하기 <font size="크기" color="색상"></font>
: 글씨의 크기와 색상을 지정하는 태그입니다.
크기는 1부터 8인가까지 있으나, 크기를 지정하지 않으셔도 일반적인 크기로
들어갑니다. 색상의 경우 blue, red 등의 색상을 지정해서 사용할 수도 있지만
네이X 등에서 RGB 코드를 검색하시면, #000000 과 같은 코드가 나오는데,
색상 부분에 저 코드를 입력해주시면 됩니다.
-------------------------------------------------------------
동영상 및 플래쉬 불러오기 <embed src="플래쉬 및 동영상이 있는 웹 주소" width="넓이" height="높이">
: <img> 태그와 사용법은 동일합니다.
-------------------------------------------------------------
영역 나누기 <div align="정렬">영역</div>
: <div></div> 태그는 영역을 지정하는 태그입니다.
예를 들면, <div>aaa</div><div>bbb</div> 로 하게 되면..
aaa
bbb
이렇게 나타나게됩니다. 실제 적용된 것을 보면 <br> 태그와 다르지 않지만,
아래 응용편을 보시면 언제 <div> 태그를 사용하는지 이해가 가실 듯 합니다.
align="정렬" 여기서 정렬에 들어가는 것들은
left(좌측정렬), center(중앙정렬), right(우측정렬) 입니다.
-------------------------------------------------------------
응용 편 - 이미지는 중앙정렬, 텍스트는 우측정렬
: 하나는 중앙에 정렬해야 하고, 하나는 우측에 정렬해야 하기 때문에
위에서 설명한 태그 중 <div></div> 태그를 이용하여 중앙에 정렬할 영역과
우측에 정렬할 영역을 만들어 줍니다.
<div> <img src="이미지주소"> </div>
<div> 우측 정렬 텍스트 </div>
이렇게 만드시면, 이제 <div> 태그 안에 align 속성에서 정렬할 타입을 지정해
주면 됩니다.
<div align="center"> <img src="이미지주소"> </div>
<div align="right"> 우측 정렬 텍스트 </div>
이렇게 하시면 이미지는 가운데에, 텍스트는 우측에 정렬이 됩니다.
-------------------------------------------------------------
이 외에도 <table> 태그 등 다양한 태그들을 이용하여 서명을 이쁘게 꾸밀 수
있습니다. 이 정도의 태그로는 내가 꾸미고 싶은 서명을 꾸미기 힘들다 싶으신
분들이 계시면, 추가적으로 사용되는 태그들을 설명하도록 하겠습니다.
ps. 메모장에서 연습하는 태그들을 입력하신 후, 확장자를 html 로 해서
저장하시면 (ex : test.html), 그 파일을 실행함으로써 서명이 어떻게 만들어
졌는지 확인하실 수 있습니다.
 룡이님이 서명 이미지 줄이래요 ㅠ
흙흙... |
|
|
