[HTML] 이미지 삽입하기 <img> 태그


[HTML] 이미지 삽입하기 <img> 태그

#HTML <차례> 1. 이미지 파일 경로를 나타내는 속성 2. 대체용 택스트를 넣는 속성 3, 이미지 크기를 조절하는 속성 1. 이미지 파일 경로를 나타내는 속성: src 1) 웹 문서와 같은 폴더에 있는 이미지 파일 경로 넣기 2) 웹 문서가 있는 폴더의 하위 폴더(ex.images)에 있는 이미지 경로 넣기 2. 대체용 택스트를 넣는 속성: alt * 인터넷이 불안정하거나 이미지 파일 경로를 잘못 넣었을 때 * 화면 낭독기 등 보조 기기에서 이미지를 대신 읽어줄 때 3. 이미지 크기를 조절하는 속성: width, height * width: 이미지의 너비 * height: 이미지의 높이 * 둘 중 하나만 지정하면 나머지는 비율을 자동으로 계산해 나타남. *사용 단위 - %: 웹 브라우저 창의 너비와 높이를 기준으로 이미지 크기의 값을 %로 결정 - px: 해당 픽셀 크기만큼 표시 * 크기를 지정하지 않을 경우 원본 크기대로 표시됨. 이미지 크기 조절 코드 이미지 크기 조절 결과...


#HTML

원문링크 : [HTML] 이미지 삽입하기 &lt;img&gt; 태그