[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">