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

## 👉🏻 소스병에 링크 넣는 방법 

> 이부분은 섹션에 백그라운드 이미지를 설정하고, html 태그와 여백을 활용해서 만들었어요
> 코드부분은 제일 어려운거 같아요 
> **📍 되도록이면 아래 코드에서 이미지만 바꿔가면서 진행하면 좋을거에요**

```javascript
<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%로** 설정하며 이미지 사이즈를 조절하시면  됩니다

For the site tree, see the [root Markdown](https://slashpage.com/amaewo.md).