• html의 태그는 그 이름만 봐도 의미를 알 수 있어 시맨틱 태그라고도 한다.

• HTML 태그는 대소문자를 구분하지 않음
  • 대문자 또는 소문자로 쓸 수 있다는 의미
  • 일관성과 가독성을 위해 모든 태그를 소문자로 작성하는 것을 권장

• HTML문서 작성 시 보통 큰 것부터 작은 것으로 내려가는 방식으로 작성
  • 큰 블록, 영역먼저 생성 후 내부에 content를 작성

경로

• HTML 문서에서는 하이퍼링크를 통해 서로 오갈 수 있음

• 원하는 문서의 경로를 지정해야 이동 가능

• 경로에는 상대경로, 절대경로가 있음

• 경로가 잘못되면 오류가 날 수도 있고 원하지 않는 결과를 얻기도 함

절대경로

• 최초 시작점부터 경유한 경로를 전부 기입하는 방식

• 컴퓨터의 파일을 찾아가는 방법은 절대경로 한 가지 뿐

• 보통 다른 사람의 문서나 파일을 이용할 때 사용

• 어느 곳에서든 경로에 접근할 수 있음

• 대신 경로가 변경되면 경로를 일일히 수정해야 함

• 만약 내가 C드라이브에 있는 Google폴더 안의 chrome폴더를 찾고자 한다면
  경로 = C:\Program Files\Google\Chrome

상대경로

• 비교할 대상이 있는 경로

• 기준경로(현재 디렉토리)를 기준으로 구성
  • 기준경로가 절대경로로 변환되어 OS에게 전달

• 상대경로에는 './'와 '../'가 있음

./

• 현재 디렉토리를 가리킴(생략 가능)

• 현재 위치는 chrome폴더, chrome폴더 안에 Test폴더에 있는 test.html파일로 가고자 한다면
  => (./)Test/test.html 되며 생략또한 가능
  => Test/test.html
  => C:\Program Files\Google\Chrome\Test\test.html
  모두 같은 경로를 가르킨다.

../

• 상위 디렉토리를 지칭함

• 현재 위치는 test.html, chrome 디렉토리의 index.html로 가고자 한다면
  => ../index.html 이렇게 쓸 수 있음

• 만약 더 상위로 올라가고자 한다면 ../를 또 사용해주면 됨

• 현재 위치는 test.html, Google 디렉토리의 google.html로 가고자 한다면(1)/ 또는 Program Files의 practice.html로 가고자 한다면(2)
  (1) ../../google.html
  (2) ../../../practice.html