[HTML]파일 안 이미지 불러오기/ CSS 파일 적용하기

__이니__ 2023. 5. 26. 11:14

프로젝트 폴더 안에 넣어주고 싶은 이미지를 포함 시켜준다.

그리고 HTML 파일안에서 원하는 위치에

  <img src="profile.png">

이렇게 넣어주면

이미지가 들어가는 것을 확인 할 수 있다

만약에 이미지가 특정 폴더 안에 들어가 있으면

해당 폴더에 접근 할 수 있도록 코드를 수정해주면된다.

 <img src="IMG/profile.png">

간단한 style 같은경우 html에서 적용이 가능하지만

모양이나 디자인이 이쁘지 않다 다양한 스타일을 적용하고싶을 것이다.

그럴 때 코드를 깔끔하고 그리고 중복이 되지 않게 디자인 작업을 하기 위해서 CSS 를 사용한다

폴더안에 HMTL과 CSS파일이 생성 되어있으면

HTML과 CSS 파일을 연결해주어야지 CSS 가 적용이 된다.

다음 두개의 파일을 link 태그를 사용해서 HTML의 'head'에 CSS를 연결해줌

      <link href="CSS파일명.css" rel="stylesheet">

CSS 파일의 상위 폴더가 있는 경우, 이미지와 마찬가지로 링크의 경로를 작성해주면 된다.