프론트엔드/html

[html] image 넣기 사용하기

silvering0 2021. 4. 29. 15:03

vs code 는 파이참과 다르게

html 파일을 만든다고 알아서 태그가 적히지 않았다.

 

그런데

!+Tab

키를 누르니까 아래와 같이 알아서 코드가 작성된다!!!

 

이제 img 태그를 사용해 보자

 

SRC

body 부분에 <img src='./'>를 해주면

같은 경로 내에 존재한 파일을 불러올 수 있다.

이중에 eye.png 를 쓸 것이기 때문에

src 로 eye.png 를 불러줄 수 있다.

그리고 파일에 들어가면

 image 라는 html 이 보인다.

눌러보면 이미지가 추가되고,

여기서 속성 수정을 통해 크기 조정이 가능하다.

 

'프론트엔드 > html' 카테고리의 다른 글

[html] 웹대시보드 04 - layout 기본 폼 만들기  (0) 2021.05.27
[html] input, form종류와 방법  (0) 2021.04.29
[html]table 테이블태그 알아보기  (0) 2021.04.29
[html]HTML언어?  (0) 2021.04.29