이미지 태그, 컨테이너 태그, 전역 속성 [노베이스 게임개발 24일차]

이미지 태그 : 이미지를 표시할 때 사용하는 태그이다. src(source) 속성은 표시할 이미지의 위치정보와 파일명을 입력받는 속성이다. url을 통해 입력받는다. alt(alternative) 속성은 이미지가 로딩되기 전이나 로딩에 실패할 경우 대체하는 텍스트를 표시해 준다. 이미지를 볼 수 없는 시각장애인에게 alt의 정보를 알려줄 수 있다.

다음과 같은 속성을 통해 이미지 크기를 조절할 수 있다. 이때 너비와 높이는 픽셀(px) 단위로 적용된다.

만약 설정하지 않는다면 원본 파일의 크기 그대로를 표시한다. 예시를 만들어 보았다.

먼저 VSCode 좌측에 html파일이 있는 폴더에 새로운 폴더를 하나 만들어준다. 그 후 폴더에 원하는 이미지파일을 넣은 다음 해당 파일의 위치를 이렇게 넣어준다.

그다.....