색상조견표를 알수 있네요..

http://waki.byus.net/pink/color02.html

이곳에 한번 가보세요...색상조견표가 한눈에 들어와서 도움이 될듯합니다.

새로운 페이지에서 창을 열어보시려면요 Shift키를 누르면서 조기 위에 주소를 누르면된답니다..

테이블만들기.

★ 테이블내에 글자나 이미지를 삽입시켜 정렬하는 방법

<table cellspacing="셀사이간격" cellpadding="글자와 테두리의 간격" >

cellspacing="20"일때  .... 줄간격이 넓어졌다

<table bordercolor="skyblue" cellspacing="20" border="1">
<TBODY>
<TR>
<TD><IMG src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>

table bordercolor="skyblue" - 여기서 테두리 색을 지정합니다.

cellspacing="20" - 이것은 테두리 끼리의 사이넓이를 말합니다..0으로 하면 한줄이죠..

border="1" -  이것은 테두리의 굵기를 지정하는것으로 숫자가 커질수록 굵어집니다.

<td> ~ </td> - 이것은 가로칸의 갯수를 나타냅니다...3개를 하고 싶은면 한번도 추가해 넣으면됩니다.

<tr> ~ </tr> - 이것은 세로칸을 나타냅니다.

cellspacing="0"일때  ...  줄간격이 없다.

<table bordercolor="skyblue" cellspacing="0" border="1"><TBODY>
<TR>
<TD><IMG src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>

cellpadding="20"일때.... 테이블안의 여백이 넓어졌다

<table bordercolor="skyblue" cellpadding="20" border="1">
<TBODY>
<TR>
<TD><IMG src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>

cellpadding="0"일때 ...  테이블안의 여백이 없다.

<TABLE borderColor=skyblue cellPadding=0 border=1><TBODY>
<TR>
<TD><IMG src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE>

추가로 배경에 색을 넣고 싶다면

<TABLE borderColor=skyblue cellSpacing=10  bgColor=lavenderblush border=3>
이렇게 백그라운드 색을 지정해 주면 cellSpacing=10  이라고 지정한 셀간격안에만 색이 지정됩니다...

반대로 cellpadding="20" 으로 지정해주고 나서 백그라운색을 지정해 주면 글자와 테두리 간격에 색이 입혀집니다.

선그리기 태그

선그리기중 수평선을 그리는 태그는 <hr> 태그입니다.

<HR SIZE="픽셀/백분율"   WIDTH="픽셀/백분율"   ALIGN="left/right/center"   NOSHADE COLOR="#색상">

여기서 SIZE="픽셀 or 백분율" 은  선의 두께를 지정하는 명령어 입니다.

               WIDTH="픽셀 or  백분율"은  선의 길이를

               ALIGN="left or right  or  center" 은  선의 위치

               NOSHADE COLOR="#색상"은  입체적인 모양이 아닌 선을 나타냅니다.

예로..

<HR  SIZE="5"  width="100%"  align="center"  noShade color="pink" >

이런 명령어가 있다면 선의 두께 5에 길이는 100 선의 위치는 중앙...색은 핑크색의 가로선이 만들어 지는것입니다.

<결과>

---

<HR  SIZE="2"  width="50%"  align="right"  noShade color="black" >

<결과> 

---

글을 쓰시다 단락 구분을 하고 싶을때 이런 선그리기를 이용하면 눈에 좀더 들어오지 않을까 합니다. 정가제 안된다 L.J.Y

그림자 글씨 태그

<SPAN style="FONT-SIZE: 25pt; FILTER: shadow(color=orange,direction=135); WIDTH: 100%; COLOR: #ffcc66; LINE-HEIGHT: 26pt; HEIGHT: 50px">인터라겐의 서재</SPAN>

인터라겐의 서재

 <SPAN style="FONT-SIZE: 25pt; FILTER: shadow(color=660099,direction=135); WIDTH: 100%; COLOR: #aa8fbe; LINE-HEIGHT: 26pt; HEIGHT: 50px">인터라겐의 서재 </SPAN>

인터라겐의 서재

<SPAN style="FONT-SIZE: 25pt; FILTER: shadow(color=red,direction=135); WIDTH: 100%; COLOR: #ff9292; LINE-HEIGHT: 26pt; HEIGHT: 50px">인터라겐의 서재</SPAN>

인터라겐의 서재

<SPAN style="FONT-SIZE: 25pt; FILTER: shadow(color=magenta,direction=135); WIDTH: 100%; COLOR: #fa9bfe; LINE-HEIGHT: 26pt;  HEIGHT: 50px">인터라겐의 서재</SPAN>

인터라겐의 서재

<SPAN style="FONT-SIZE: 25pt; FILTER: shadow(color=green,direction=135); WIDTH: 100%; COLOR: #51e179; LINE-HEIGHT: 26pt; HEIGHT: 50px">인터라겐의 서재</SPAN>

인터라겐의 서재

글자의 크기, 색상,글자체를 조절해 주는 태그

< font size="사이즈(1~7)" color="16진수/색상명" face="글자체"> 
font 태그가 글자와 관련된 태그입니다. 
글자의 크기를 조절하려면 size속성을 이용하는데 
1부터 7까지의 값을 지정하면 되며 1 이 가장 작고 7 이 가장 큽니다.
기본값은 3이며 size속성을 지정하지 않으면 3의 크기로 글자가 실행됩니다.
글자의 색상을 조절하려면  color속성을 이용해서 글자색을 지정해주며 (제 페이퍼중 색조견표가 있으니 참고하세요), 
글자체를 바꾸고 싶을땐 face속성을 이용해서 글자체를 지정해줍니다.
<EX>
<pre>
<font size="1" color="#AB82FF" face="굴림체">인터라겐의 서재입니다</font>
<font size="2" color="#b4b4b4" face="바탕체">인터라겐의 서재입니다</font>
<font size="3" color="#ee84ea" face="돋움체">인터라겐의 서재입니다</font>
<font size="4" color="black" face="궁서체">인터라겐의 서재입니다</font>
<font size="5" color="pink" face="굴림체">인터라겐의 서재입니다</font>
<font size="6" color="blue" face="바탕체">인터라겐의 서재입니다</font>
<font size="7" color="838B83 " face="엽서체">인터라겐의 서재입니다</font></pre>

※여기서 <pre>~</pre>명령어는 그 명령어 안에 있는 글에 대해 엔터키를 치면 그것을
줄바꿈으로 인식한다는 소리입니다. 
html에서는 엔터키를 쳐도 줄바꿈으로 인식을 못하기 때문에  보통 <br> 명령을 많이 
사용하지만 줄을 바꿀때마다 <br>명령어를 붙이기엔 귀찮죠  .  
한줄만 하고 만다면 굳이 <pre>명령어를 사용하실 필요없이 글씨뒤에 <br>을 붙여주시면 
됩니다.
위의 태그에 대한 실행결과 입니다.

인터라겐의 서재입니다


인터라겐의 서재입니다


인터라겐의 서재입니다


인터라겐의 서재입니다


인터라겐의 서재입니다


인터라겐의 서재입니다



인터라겐의 서재입니다

오늘은 날씨가 여름날처럼 덥다고 하네요...즐거운 하루 보내세요.. 정가제 안된다 L.J.Y