[HTML] 이미지 넣기

1. 문법

  <img

    src="이미지의 주소"

    alt="대체 택스트(이미지 주소가 틀려서 이미지 안 나오거나, 시각 장애인에게 뭔 내용인지 알리는 용도)"

    title="마우스 가져다 대면 나올 말"

 

    height="800" (사진의 높이, 넓이 수정, 높이나 넓이 하나만 적혀있으면, 나머지 하나는 적절히 조정됨.)

    width="1600"

    >

(1) 절대 경로와 상대 경로 

해당 내용은 src="이미지의 주소"에서 이 주소에 들어가는 내용임.

절대 경로는 인터넷에서 이미지 긁어올떄, http 주소임. 내가 html 파일을 어디서 적고 있든 바뀌지 않음.

상대 경로는 지금 쓰고 있는 html 파일 위치를 기준으로 이미지 파일이 내 어느 폴더에 저장되어 있는지를 나타내는 상대적인 주소임

 

**참고

./ 현재 디렉토리, ../ 부모 디렉토리

 

2. 스스로 해보기