블로그 멋지게 꾸미는 방법-테이블

 

 

 

 

 

 

 

기초적인 이미지를 불러와서 영상시를 만들거나 테이블 만드는 방법을 배워 보겠습니다.   블로그에다 직접 이미지를 올리면 되지만 기본적인 구성이나  기초 지식이 있어야 훨씬 멋진 블로그를 만들수 있습니다. ☆ 그림 위에 글 올리기 1. 이곳에다 글을 올리세요. ＊소스 보기 <center> <table background="http://aj425.com.ne.kr/htm/G/my_photo/long/032.jpg" width=350 height=497> <tr><td> <center><pre> <font color=gold size=4> 이곳에다 글을 올리세요. </font></center> </td></tr></table></center> ↑여기까지가 소스입니다. 그냥 복사해서 쓰시거나 응용해서 사용하시면 됩니다. ★ 소스 내용 설명(파란 글자 : 소스,  빨간 글자 : 설명) 첫 줄에 <table background="이미지 주소" width=가로숫자 height=세로숫자>이미지를 복사해 올 때는 그림의 크기(가로, 세로) 즉 "해상도"를 기억했다가 써 줘야 합니다. 두번 째, 세번 째 줄에 <tr><td> <center><pre> tr, td 는 테이블의 공식처럼 반드시 써야 하며 center는 글이 가운데 써지는 명령어이고 pre는 따로 br을 쓰지 않아도 줄 바꿈, 띄어쓰기 등이 내가 작성한 대로 써지는 명령어입니다. <font color=yellow size=4> 글자의 색과 크기를 나타내며 마음대로 바꿀 수 있음.쓰고 싶은 글을 적당히 쓰고 아래와 같이 마무리 해 주면 끝~ </font> </center> </ul> </td> </tr> </table> </center> 마지막 태그는 내용을 입력하기 전에 사용한 태그를 하나도 빼먹지 말고 역순으로 모두 해 줘야 합니다. ☆ 그림 위에 글 올리기 2.   (그림위에 글 쓰기) 시(詩)를 쓰면 '영상시'가 되겠지요? 예쁜 그림 위에 메모나, 축하 글 등을 예쁘게 꾸며서 친구 분들에게 메일로 보내면 멋지겠죠? 하단에 빨간글 부분이 소스입니다. 내용만 바꾸어서 그대로 복사하시면 됩니다. * 그림의 주소는 :http://aj425.com.ne.kr/htm/G/FlowerGallery/107.jpg * 그림의 크기(해상도)는 : width=505 height=340 *아래의 빨간 글이 소스입니다. 복사해서 연습장에 붙여놓고 내용이나 글자색을 바꿔 보고 다른 그림을 이용해서 직접 만들어 보세요.       <center> <table background="http://aj425.com.ne.kr/htm/G/FlowerGallery/107.jpg" width=505 height=340><tr><td> <font color=green size=4 face=엽서체><pre> <b><ul> 제 목 </b> 이 자리에 글을 쓰세요. </font></ul> </td></tr></table></center> ☆ 그림에 단순 테두리 넣기 그림에 단순한 테두리를 넣었습니다. 그림만 있을 때 보다는 예쁘죠? border=7 테두리의 두께는 7 (숫자로 조절함) bordercolor=green 테두리의 색상은 초록색 width=505 height=340 그림의 크기 (그림 복사할 때 해상도) 소스입니다<center> <table border=7 bordercolor=green background="http://aj425.com.ne.kr/htm/G/FlowerGallery/107.jpg" width=505 height=340> <tr><td> <font color=red size=4 face=엽서체><pre><b><ul> 이 곳에 내용을 쓰세요. 소스를 복사해서 연습장에 붙여놓고 다른 그림을 넣어 활용해 보세요. </font> </td></tr></table></center> ☆ 그림에 명암 테두리 넣기   그림에 명암 테두리를 넣었습니다. 훨씬 고급스러워 보이죠? border=10 테두리의 두께는 10 (숫자로 두께 조절) bordercolorlight=#639c00 테두리의 上,左는 연한 녹색 bordercolordark=#316300 테두리의 下,右는 찐한 녹색으로 넣으면 명압테두리로 나타남. width=500 height=350 그림의 크기 (그림 복사해 올때 해상도) 소스입니다<center> <table border=10 bordercolorlight=#639c00 bordercolordark=#316300 background="http://ha927.com.ne.kr/set/P/ha_img/m_018.jpg" width=500 height=350> <tr><td> <font color=red size=4 face=엽서체><pre><b><ul> 이 곳에 내용을 쓰세요. 소스를 복사해서 연습장에 붙여놓고 다른 그림을 넣어 활용해 보세요. </font> </ul> </td></tr></table></center>