728x90
반응형
이미지 불러오기
프로젝트 폴더 안에 넣어주고 싶은 이미지를 포함 시켜준다.
그리고 HTML 파일안에서 원하는 위치에
<img src="profile.png">
이렇게 넣어주면
이미지가 들어가는 것을 확인 할 수 있다
만약에 이미지가 특정 폴더 안에 들어가 있으면
해당 폴더에 접근 할 수 있도록 코드를 수정해주면된다.
<img src="IMG/profile.png">
CSS 파일 적용하기
간단한 style 같은경우 html에서 적용이 가능하지만
모양이나 디자인이 이쁘지 않다 다양한 스타일을 적용하고싶을 것이다.
그럴 때 코드를 깔끔하고 그리고 중복이 되지 않게 디자인 작업을 하기 위해서 CSS 를 사용한다
폴더안에 HMTL과 CSS파일이 생성 되어있으면
HTML과 CSS 파일을 연결해주어야지 CSS 가 적용이 된다.
다음 두개의 파일을 link 태그를 사용해서 HTML의 'head'에 CSS를 연결해줌
<link href="CSS파일명.css" rel="stylesheet">
CSS 파일의 상위 폴더가 있는 경우, 이미지와 마찬가지로 링크의 경로를 작성해주면 된다.
728x90
반응형
'PROGRAMING📚 > WEB📑' 카테고리의 다른 글
[WEB]Font Awesome 라이브러리 사용하기 (0) | 2023.08.02 |
---|---|
[WEB]HTML 개발자 도구(디버깅) TIP (0) | 2023.08.02 |
[HTML]좌표값을 받아서 레이아웃 이동하기 : Postion/z-index (0) | 2023.05.23 |
[HTML]문단(br,p,pre) 태그 사용하기 (0) | 2023.05.22 |
[WEB] Visual Code/ Brackets 설치/실시간 미리보기 활성화 하기 (0) | 2023.05.19 |
댓글