본문 바로가기

vscode

html) 이미지 삽입 방법- image url 링크

1. 이미지 우 클릭 후 ' 이미지 주소 복사 ' 클릭

 

 

 

 

2. html 이미지 태그 속 경로 부분에 삽입 한다. +) 이미지 원본 페이지의 url 역시 href=""로 걸어준다.

 

<img src= "" > 안에 넣어주면 된다. 

이렇게 하면 이미지 삽입이 완료된다.

단, 이미지 클릭시 원본 페이지로 넘어가는 링크는 활성화 되지 않는다.

 

 

 

2 - 2. 이미지 링크를 <a>태그로 감싸준다.

 

 

이미지 클릭시 원본 페이지로 넘어가게 된다.

'vscode' 카테고리의 다른 글

npm install 오류  (0) 2021.04.13
Vue CLI) firebase에 배포하기  (0) 2021.02.09
Vscode와 git 연동하기  (0) 2021.02.03
아이콘 삽입 방법(Font Awesome 5)  (4) 2020.12.05