| 프로필 | 시모음 | 아름다운글 | 사랑학개론 | 향수이야기 | 자아실현 | 잡동사니 | 고민상담 | 방명록

 

언제나 당신 곁에서...

 

10가지충고들

 

나에게 도움이 되는 충고들

 

명언록

 

이쁜말 이쁜글이 담긴 명언록

 

심리테스트

 

심심풀이 땅콩 심리테스트

 

데이트

 

사랑하는 연인이 데이트하기

 

다이어트

 

건강한다이어트 s라인 만들기

 

홈피만들기

 

이쁜 홈피를 만들어 보아용

 

별자리

 

별자리별 성격과 심리테스트

 

혈액형

 

혈액형별 성격과 심리테스트

 

장애인

 

장애인에 대해 이해하기

 

11-3. 이미지의 크기 조절

㈐ 이미지의 크기조절

<img> 태그에 이 옵션을 사용하면 

물리적으로 이미지의 사이즈를 원하는 

대로 지정할 수 있는데, 픽셀수나 

비율(%)로 지정한다. 이 옵션을 지정해 

주면 웹 브라우저에 데이터를 

좀더 빨리 읽어 올 수 있다. 

이미지를 읽어오는 동안에 문자를 먼저 

읽어들여 텍스트 정보를 먼저 보여주고 

그동안 이미지를 로드하여 보여준다. 

그러나 반대로 본래의 이미지 사이즈와 다른 

크기로 지정하면 브라우저에서 확대· 

축소 계산을 하는 동안 시간이 걸리게 된다. 

(형식) <img src="이미지 파일명" 

width="가로 사이즈" height="세로 사이즈">

width="n" 이미지의 폭이 지정한 n 픽셀로 지정된다.
width="n%" 이미지의 폭이 지정한 n%비율로 확대 또는 축소된다.
height="n" 이미지의 높이가 지정한 n 픽셀로 지정된다.
height="n%" 이미지의 높이가 지정한 n% 비율로 확대 또는 축소된다.
(실습) <html> <head> <title>이미지의 크기조절</title> </head> <body> <img src="osiris.jpg">원래의 사이즈입니다.<p> <img src="osiris.jpg" width="100" height="100"> 가로, 세로 100픽셀로 확대하였습니다.<p> <img src="osiris.jpg" width="30" height="30"> 가로, 세로 30픽셀로 축소하였습니다. </body> </html>

 

 copyright ⓒ 2010 hwaninea.net All rights reservd