[html] 이미지 태그 기초

html의 image tag에 대해 알아보자 src에는 현재 위치에서의 경로를 넣어준다. 위의 예시는 img 파일에서 hanpy.jpg 이미지를 가져온다는 뜻이다. alt는 안 적어도 에러가 나지 않는다. 다만 시각장애인 분들이 음성으로 웹을 이해하기위한 설명이다. 크기 조정 > 기본적으로 width, height 속성을 정하지 않으면 이미지 원본 크기가 그대로 나온다. # 픽셀 기준 설정 # 브라우저 창의 퍼센트로 비율 설정 이미지가 잘리는 것이 아니라 찌그러지가나 늘어나면서 사이즈가 변경된다. 이 때 파일의 용량이 줄어드는 것은 아니기 때문에 처음부터 적절한 크기의 이미지가 필요하다. 위와 같이 width나 height 하나만 설정할 경우 설정 한 값은 변경이 되고, 나머지는 비율만 변경된다. 이미지..
Web/HTML 2021. 12. 16. 09:05
1
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함