[Git Blog] About 이미지 크기변경

Portfolio의 Project를 수정하던 중 프로젝트명만 적혀있는 것이 가시성이 떨어진다고 판단해 사진과 함께 하이퍼링크를 추가한다면 가시성 향상과 더불어 관심도 유발하는 효과가 있을 것 같아 사진과 HyperLink 추가하기로 하였다.

1. 폴더 경로에 있는 사진 올리기

  • 이미지 경로를 설정해준다.
<img src = "../../../assets/img/blog/img_test.jpg">

2. 크기 조절

  • Width, height를 추가 해준다.
<img src = "../../../assets/img/blog/img_test.jpg" width="30%" height = "auto">

3. 이미지 두개 나란히

width를 50%로 하고 바로 뒤에 붙여서 써준다.

<img src = "../../../assets/img/blog/img_test.jpg" width="50%" height = "auto"><img src = "../../../assets/img/blog/img_test.jpg" width="50%" height = "auto">

4. 이미지 3개 나란히

width를 33%로 하고 바로 뒤에 붙여서 써준다.

<img src = "../../../assets/img/blog/img_test.jpg" width="33.3333%" height = "auto"><img src = "../../../assets/img/blog/img_test.jpg" width="33.3333%" height = "auto"><img src = "../../../assets/img/blog/img_test.jpg" width="33.3333%" height = "auto">


© 2023. All rights reserved.

by SoftyChoo