|
장미가족 실습예제
|
|
<![CDATA[
<예제1>
<table border=5 bordercolor=#9F9F9F width=476>
<tr>
<td><img src=http://tear.rofam.net//image/zzang/go/30.gif></td>
</tr>
<tr>
<td align=center>
<span style="font-size:9pt; letter-spacing:-2;">
*장미가족 공지사항* <br> <br><br><br>
1. 장미가족안에서 싸우지않기<br>
2. 장미가족안에서 화내지않기<br>
3. 장미가족안에서 질서지키기<br>
4. 장미가족안에서 사랑하기 <br>
5. 장미가족안에서 행복하기 <br>
6. 장미가족안에서 열심히 공부하기<br>
7. 장미가족 언제나 사랑하기 <br>
</span>
</td>
</tr>
</table>
<예제2>
<table border=5 bordercolor=#9F9F9F width=476>
<tr>
<td><img src=http://tear.rofam.net//image/zzang/go/30.gif></td>
</tr>
<tr>
<td align=center bgcolor=black>
<font color=white face=돋음 size=2>
*장미가족 공지사항* <br> <br>
1. 장미가족안에서 싸우지않기<br>
2. 장미가족안에서 화내지않기<br>
3. 장미가족안에서 질서지키기<br>
4. 장미가족안에서 사랑하기 <br>
5. 장미가족안에서 행복하기 <br>
6. 장미가족안에서 열심히 공부하기<br>
7. 장미가족 언제나 사랑하기 <br>
</font>
</td>
</tr>
</table>
]]>
|
|
장미가족 보충설명
|
|
<![CDATA[
* 소스분석하기
<첫번째소스>
<table border=5 bordercolor=#9F9F9F width=476>
<tr>
<td><img src=http://tear.rofam.net//image/zzang/go/30.gif></td>
</tr>
<tr>
<td align=center>
<span style="font-size:9pt; letter-spacing:-2;">
*장미가족 공지사항* <br> <br><br><br>
1. 장미가족안에서 싸우지않기<br>
2. 장미가족안에서 화내지않기<br>
3. 장미가족안에서 질서지키기<br>
4. 장미가족안에서 사랑하기 <br>
5. 장미가족안에서 행복하기 <br>
6. 장미가족안에서 열심히 공부하기<br>
7. 장미가족 언제나 사랑하기 <br>
</span>
</td>
</tr>
</table>
***********************************************************************
설명 :
<table border=5 bordercolor=#9F9F9F width=476>
table border은 테이블의 선(테두리) 굵기를 지정합니다.
테이블굵기를 5로 지정하였습니다.
bordercolor는 테이블의 색을 지정합니다. 저는 이미지와
비슷하게 회색톤으로 했습니다. 색상코드는
여러분들이 지정하시면됩니다.
width=476은 테이블의 가로길이를 지정합니다.
이미지의 가로길이와 맞추어서 지정하시면됩니다.
<tr> : 테이블 줄을 의미합니다.
<td><img src=http://tear.rofam.net//image/zzang/go/30.gif></td>
td는 칸부분을 말합니다. 첫번째(위의)칸에 이미지를 삽입하시면됩니다.
</tr> : 테이블줄을 닫습니다.
<tr> : 두번째 테이블의 줄을 뜻합니다.
<td align=center> 두번째칸의 글의 정렬상태입니다.
center을 지정함으로써 글자를 중앙정렬하였습니다.
만약 left로 설정하시면 글이 왼쪽에 붙게 됩니다.
right로 지정하시면 글이 오른쪽에 붙게 됩니다.
<span style="font-size:9pt; letter-spacing:-2;">
글을 꾸미는 속성입니다 이부분은 나중에 CSS강좌에서
좀더 깊숙이 다루어보도록 하겠습니다.
***********************************************************************
* 소스분석하기
두번째소스
<table border=5 bordercolor=#9F9F9F width=476>
<tr>
<td><img src=http://tear.rofam.net//image/zzang/go/30.gif></td>
</tr>
<tr>
<td align=center bgcolor=black>
<font color=white face=돋음 size=2>
*장미가족 공지사항* <br> <br>
1. 장미가족안에서 싸우지않기<br>
2. 장미가족안에서 화내지않기<br>
3. 장미가족안에서 질서지키기<br>
4. 장미가족안에서 사랑하기 <br>
5. 장미가족안에서 행복하기 <br>
6. 장미가족안에서 열심히 공부하기<br>
7. 장미가족 언제나 사랑하기 <br>
</font>
</td>
</tr>
</table>
***********************************************************************
이 부분은 위의 소스와 똑같지만 한가지 달라진점이 있다면
두번째칸의 바탕을 검정색으로 지정했다는 것입니다.
<td align=center bgcolor=black>
두번째칸의 바탕을 검정색으로 지정했습니다.
bgcolor의 속성값은 여러분들이 지정하시면됩니다.
***********************************************************************
]]>
|
출처 : ★.:*:.장미가족의 태그교실.:*:.★
메모 :
