Share
Sign In

1-4. 소스병 링크 코드추가 방법

👉🏻 소스병에 링크 넣는 방법
이부분은 섹션에 백그라운드 이미지를 설정하고, html 태그와 여백을 활용해서 만들었어요
코드부분은 제일 어려운거 같아요
📍 되도록이면 아래 코드에서 이미지만 바꿔가면서 진행하면 좋을거에요
<br><br><br> <div style="position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%);"> <div style="display: flex; flex-direction: column; align-items: center;"> <a href="/shop"> <img src="https://sbbb.me/amaewo/KING/amaewo.png" alt="이미지 설명" style="width: 30%;"> </a> </div> </div> <br><br><br>
코드 설명
- line1 ) br 엔터효과를 주는 html 태그
- line2) div 레이아웃을 나누는 html 태그
- line2) style로 css를 활용한건데 되도록이면 건들지 안흔게 좋아요!!
- line3) 이부분도 div로 레이아웃을 나누고 style로 css를 활용한건데 건들지 않는게 좋아요
- line4)
a herf 링크를 연결할 태그에요 imweb에서 /shop, /main, /amaewo, /fermentation 등 링크를 걸 주소를 넣어주시면 됩니다
- line5) 실제 이미지가 들어가는 부분이에요
src="" 부분에 이미지주소를 넣어주세요
- line5) style에
width="" 부분은 이미지사이즈를 작게 만들어줘요 10~30%로 설정하며 이미지 사이즈를 조절하시면 됩니다