컴 자료모음

[스크랩] 태그-그림과 글에 테두리 넣기,,,

wowjenny 2006. 11. 9. 19:30



          진달래꽃 ... 김소월 나보기가 역겨워 가실때에는 말없이 고이 보내드리오리다. 영변에 약산 진달래꽃 아름따다 가실길에 뿌리오리다. 가시는 걸음걸음 놓인 그꽃을 사뿐이 즈려밟고 가시옵소서 나보기가 역겨워 가실 때에는 죽어도 아니 눈물 흘리오리다.



    
    위에 글 소스입니다..
    <ul>
    <table width=540 border="6" cellspacing="5" cellpadding="5" 
    bordercolor=#ff33ff bgcolor=ccccff><tr><td> 
    <img src=http://kr.img.blog.yahoo.com/ybi/1/aa/43/parkjw7224/folder/
    3488100/img_3488100_1456296_6?1124263045.jpg width=540> 
    <br><br><br> 
    <pre><font size=3 color=green face=오이체><ul><ul><ul><b> 
    진달래꽃 ... 김소월 <</b>
    나보기가 역겨워 가실때에는 
    말없이 고이 보내드리오리다. 
    영변에 약산 진달래꽃 
    아름따다 가실길에 뿌리오리다. 
    가시는 걸음걸음 놓인 그꽃을 
    사뿐이 즈려밟고 가시옵소서 
    나보기가 역겨워 가실 때에는 
    죽어도 아니 눈물 흘리오리다. 
    <embed style src="mms://wm-001.cafe24.com/baramsae/rm/nageudaeegemodoo_bgm.wma" 
    loop=-1>
    </ul></ul></ul></font></pre></td></tr></table></ul>
    오늘은 다른곳에서 가져온 그림이나 사진에 
    글과 음악을 넣은것에 테두리를 넣어봅시다. 
    테두리의 명령어는 
    <table> : 테두리 지정 
    <tr> : 가로줄 넣기 
    <td> : 세로줄 넣기 
    이 세가지가 기본으로 들어갑니다. 
    일반적인 테두리에 들어가는 명령어의 종류와 
    그 용도를 보겠습니다. 
    1. border=원하는수 
         테이블의 테두리 선 굵기를 1 에서20 픽셀로 지정 (숫자가 클수록 굵어집니다). 
         이 값을 0으로 놓으면, 테이블 테두리가 사라지죠.
    2. width=원하는 크기의 수 
         테이블의 전체 폭을 픽셀로 지정합니다. (보통 300에서 600까지가 적당). 
         여기서 width=60%와 같은 식으로 주면, 전체 창 크기의 60%로 
         테이블의 크기를 정하게 되지요. 
         이미지나 그림을 넣으시면 그 크기만큼 숫자를 넣어주세요 
         그림의 폭이 540 이면 같거나 크게 넣으셔야합니다. 
         지정을 하지 않아도 내용물 크기에 따라 정하여집니다만
         연습을 하실 때는 넣어 주시기 바랍니다.
    3. height=원하는 크기의 수 
         테이블의 전체 높이를 지정한다. 사용법은 폭 정하는 법과 같습니다. 
         지정을 하지 않으면 글 길이에 맞추어서 정하여집니다.
         통상적으로 지정을 하지 않는 경우가 많습니다. 
    4. cellspacing=띄우고 싶은 만큼 의 수를 넣음 
         칸과 칸 사이의 간격을 픽셀로 지정(5에서 20 사이가 적당).
         지정하지 않거나 0으로 하는 경우도 많습니다.
    5. cellpadding=띄우고 싶은 만큼 의 수를 넣음
         "칸의 테두리"와 "그 안에 쓰여지는 내용" 사이의 간격을 지정. 
          지정하지 않거나 0으로 하는 경우도 많습니다.
    6. bordercolor=원하는 색 이름이나 번호 
         테두리의 색상을 지정. 
    7. bgcolor=원하는 색 이름이나 번호 
         내용이 들어가는 부분의 배경색을 지정. 
         지정하지 않으면 백색으로 나옵니다.
    
    모든 속성에 숫자는 원하시는데로 바꾸어 넣어서 연습해보세요
    그리고 글씨체 지정한 다음에 <ul><ul><ul>을 삭제하고
    <center를 넣고 아래쪽에 </ul></ul></ul>을
    삭제하고 </center>를 넣어보이소 글 정열이 달라집니다.. 
    
출처 : 태그-그림과 글에 테두리 넣기,,,
글쓴이 : 도시인♤ 원글보기
메모 :