글자사이에 공백만들기
홈페이지 상에서 글자는 간격을 아무리 많이 띄우더라도 결국 하나의 간격으로 밖에 처리되지 않는다.
따라서 글자사이에 공백을 만드는 방법이 필요하게 되었다.
이번 강좌에서는 글자 사이의 간격을 넓히는 방법에 대해서 알아보자.
하얀 글자 사용하기하얀 글자를 사용하는 방법은 만일 홈페이지의 배경색이 하얀색일 경우 하얀색의 글자를 사용하면 아무리 많은 글자를 쳐넣더라도 결국 여백처럼 보인다. 여기서 주의해야 할 점은 반드시 배경의 색상과 일치를 시켜야 한다는 점이다.만일 배경이 파랑색이면 글자도 파랑색이 되어야 글자가 보이지 않게 된다.
태그 사용하기이 태그를 사용하면 공백이 생긴다. 이 태그를 반복해서 사용함으로써 원하는 크기의 공백을 만들 수 있다. 주의할 점은 반드시 꺽쇠 표시와 함께 사용하지 말라는 것이다.
문서를 작성하다
보면 가끔 의도대로 출력되지 않는 경우가 있다.
투명 GIF 넣기한 픽셀짜리 투명한 GIF화일을 이용한 공백만들기는 두가지 방법이 있다.
첫째로 <IMG>태그에 WIDTH와 HEIGHT 속성을 이용하여 원하는 가로나 세로 크기 만큼의 GIF이미지를 늘린다.
문서를 작성하다<IMG SRC="trans.gif" WIDTH=20>보면 가끔 의도대로 출력되지 않는 경우가 있다.
다른 방법은 <IMG>태그에 HSPACE나 VSPACE를 이용하는 것이다. 이 속성들은 이미지 주변에 수평 혹은 수직적 공간을 비워주게 된다(픽셀단위)
문서를 작성하다<IMG SRC="trans.gif" HSPACE=5>보면 가끔 의도대로 출력되지 않는 경우가 있다.
이것은 GIF양옆으로 5픽셀 만큼의 공간을 띄우고, 거기에 1픽셀짜리 GIF를 더해줌으로써 전부 11픽셀이 떨어진 것을 만들었다.
이두가지 방법은 아주 작은 GIF이미지를 사용했기 때문에 다운로드하는데 시간이 거의 걸리지 않는다.
<SPACER>태그 사용하기<SPACER>태그는 표면상 페이지의 어느 곳에든지 빈 공간을 만들기 위해 사용할 수 있지만, 현재까지는 네비게이터에서만 특별히 사용할 수 있다.
따라서 일반적으로 사용하는 것은 피하는 것이 좋다. 다른 브라우져들이 이 태그를 인식하지 못하기 때문이다. <SPACER>태그를 사용하면, "block" 에 TYPE의 속성을 사용하고, "WIDTH"와 "HEIGHT"속성을 사용할 수 있는데, 이들은 모두 픽셀값을 같는다.
문서를 작성하다<SPACER TYPE="block" WIDTH="30" HEIGHT="45">보면 가끔 의도대로 출력되지 않는 경우가 있다.
 |
 |
 |
|
 |
|
 |
|
 |
|
|
Copyright Centis. All rights reserved.