'img tag' 태그의 글 목록

html의 image tag에 대해 알아보자 src에는 현재 위치에서의 경로를 넣어준다. 위의 예시는 img 파일에서 hanpy.jpg 이미지를 가져온다는 뜻이다. alt는 안 적어도 에러가 나지 않는다. 다만 시각장애인 분들이 음성으로 웹을 이해하기위한 설명이다. 크기 조정 > 기본적으로 width, height 속성을 정하지 않으면 이미지 원본 크기가 그대로 나온다. # 픽셀 기준 설정 # 브라우저 창의 퍼센트로 비율 설정 이미지가 잘리는 것이 아니라 찌그러지가나 늘어나면서 사이즈가 변경된다. 이 때 파일의 용량이 줄어드는 것은 아니기 때문에 처음부터 적절한 크기의 이미지가 필요하다. 위와 같이 width나 height 하나만 설정할 경우 설정 한 값은 변경이 되고, 나머지는 비율만 변경된다. 이미지..

Web/HTML 2021. 12. 16. 09:05

이전 1 다음