[기초/복습] html/css/js 웹사이트 vs code
! <tab> 자동생성
모든 태그 <tab> 자동생성
tag 기본 영역
<! DOCTYPE html> 문서의 html 버전 지정
<html> - 시작태그
</html>-종료태그
- 문서의 전체범위 시작과 끝을 알려주는 역할
<head>
</head>
-문서의 정보를 나타내는 범위
웹브라우저가 해석해야할 정보
제목 설명 스타일, 파일위치
보이지 않는 정보를 작성하는 범위
<body>
</body>
문서의 구조를 나타내는 범위
로고 헤더 푸터
link를 쓰고 탭키를 누르면 자동완성
<html lang="ko">
한국어로 동작하는 사이트임을 알려주는
lang은 언어
이미지 폴더를 따로 생성해서
이미지만 따로 관리
상대경로
./ - 주변에서 찾는 개념 (생략이 가능)
../ - 상위폴더 (밖으로 한번 나가세요)
절대경로
htttp - 원격
/ - 루트경로
웹사이트에서 local host:5500 적어도 열림
즉, 포트번호로 열수있음
<링크>
href 링크속성
<a href="https://naver.com">NAVER</a
이렇게 뜬다
링크로 이동은 a 태그를 이용
<a href="/about/index.html">About</a>
about 폴더와 index 폴더 생성하고
index.html 안에
<a href="/">Home</a>
About!!
작성하고 돌려보면
이렇게 뜨고 루트인 index.html로 돌아갈 수 있다
그리고 루트에서
<a href="/about">About</a>
이렇게만 작성해도 알아서 about폴더를 인식해서
화면에 about/index.html이 출력된다.
블로그의 정보
개발 블로그👩💻
Blairj