HTML.CSS.JavaScript/수업2017. 5. 24. 12:32

1. 테이블로 이미지와 텍스트를 혼합하여 출력  

개요 

• 테이블로 이미지와 텍스트 혼합 출력 

– <img>태그에서 align 기능을 이용해 이미지와 텍스트 혼합 

– 테이블 생성하여 구현이 좀더 좋은 방법 

• 테이블 배경색 지정 

– 테이블에 bgcolor 속성을 이용 배경색 지정 

– Bgcolor=“색상명 or RGB값” 


2. 테이블에 배경색 지정 

테두리에 색 지정 및 배경 이미지 지정 

• 테두리 색 지정 

– 테이블의 테두리 색을 원하는색으로 지정 가능 

– bordercolor 속성 

• <table bordercolor=“색상명 or RGB값”> 

• 테이블 배경 이미지 지정 

– 테이블에 배경색뿐만 아니라 배경 이미지를 지정 가능 

– background 속성 

• <table background=“배경 이미지”></table> 


          backgroud  테이블 배경이미지 넣기 

bordercolor="색상명 or 색상코드"  테이블 테두리의 색상을 지정하며, 기본값 : 회색


         • 셀 합치기 

– <td colspan=3> 칸 합치기 

– <td rowspan=3> 줄 합치기 



 

'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글

18. 프레임 작성하기(6-3)  (0) 2017.05.24
17. 프레임 작성하기(6-2)  (0) 2017.05.24
15. 테이블 작성하기(5-3)  (0) 2017.05.21
14. 테이블 작성하기(5-2)  (0) 2017.05.20
13. 멀티미디어(5-1)  (0) 2017.05.20
Posted by 멜데스