목록이미지 태그 (1)

자신의 일은 스스로하자

[HTML] #6 HTML 이미지 태그 [광주인공지능학원]

이미지 태그 HTML은 img태그를 사용해 이미지를 넣습니다. img태그에서 가장 중요한 것은 속성입니다. img 태그 속성 -> 이미지의 경로 지정 ->이미지가 없을 때 나오는 글자 지정 -> 이미지의 너비 지정 -> 이미지의 높이 지정 위 코드를 실행시키면 아래 사진처럼 고양이 그림이 출력된 것을 볼 수 있습니다. 하지만 출력된 이미지가 원하는 크기가 아닐 수 있습니다. width, height 속성을 사용해 원하는 크기로 변경할 수 있습니다. img 태그사용 시 src경로와 이미지 이름을 확인 후 출력해주세요. 사진을 찾기 쉽게 아래 사진처럼 실행파일 안에 img파일을 만들었습니다. 위 코드처럼 src경로가 없는 상태로 출력하게 되면 아래처럼 이미지가 없을 떄 실행되는 alt속성의 글이 출력됩니다...
HTML, CSS 2021. 7. 12. 03:49
이전 Prev 1 Next 다음