HTML5

김휘진·2023년 6월 10일
0

HTML/CSS

목록 보기
1/5
post-thumbnail
  • 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
profile
Don't give up, I can do (IT)

0개의 댓글