실습문제 5-1
WEB/TRAINNING 2017. 11. 6. 18:44 |1. display 프로퍼티를 이용하여, 3개의 <div> 태그에 담긴 텍스트가 다음 화면과 같이 출력되는 웹 페이지를 작성하라.
(1)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html> <head> <title>div</title> <style> div { display: inline-block; border : 2px solid yellowgreen; width: 200px; } </style> </head> <body> <h2>3개의 div 활용</h2> <hr> <div>캔버스에 이미지를 그리기 위해서는 이미지를 담을 객체가 먼저 필요하다.</div> <div>Image 객체의 src 프로퍼티를 이용하여 비트맵을 로드한다.</div> <div>이미지 로딩이 끝나면 그때 비로소 이미지의 너비와 높이가 제대로 알려진다.</div> </body> </html> | cs |
(2)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html> <html> <head> <title>div</title> <style> div { display: inline; border : 2px solid yellowgreen; } </style> </head> <body> <h2>3개의 div 활용</h2> <hr> <div>캔버스에 이미지를 그리기 위해서는 이미지를 담을 객체가 먼저 필요하다.</div> <div>Image 객체의 src 프로퍼티를 이용하여 비트맵을 로드한다.</div> <div>이미지 로딩이 끝나면 그때 비로소 이미지의 너비와 높이가 제대로 알려진다.</div> </body> </html> | cs |
