[HTML] 이미지

1. 이미지 (.jpg / .png / .gif) 추가하기

- <img src="경로명 + 파일명">

- <img src="경로명 + 파일명/">

 

1) 상대경로

-> 현재 문서가 저장되어 있는 폴더를 기준으로

- images                                -> 현재 폴더안에서 하위폴더

   images

 

- ./images/                             -> 현재 폴더안에서 하위폴더

    images

 

- ../images/                            -> 현재 폴더의 상위폴더 images

 

- ../../images/                         -> 현재 폴더의 상위의 상위폴더       

  images

 

2) 절대경로

-> 웹프로젝트의 홈디렉토리(root)부터 시작

    ex) http://www.naver.com/

---

2. 이미지 불러오기

<img src="../images/b_muzi.png">

 

<img src="../images/ffd.png">

-> 경로나 파일명이 틀리거나 다를 경우, 엑박으로 표시

 

<img src="../images/b_jayg.png" width="150px" height="100px">

-> 절대적인 크기로 px사용

 

<img src="../images/b_jayg.png" width="50%" height="50%">

-> 상대적인 크기로 %사용

---

3. 테두리선

<img src="../images/b_jayg.png" border="5px">

-> border="_px"를 사용하여 테두리선 나타내기 (border="0"일 경우는 테두리선이 없다.)