[그린컴퓨터] 클라이언트/HTML

HTML 구조, 연결하기 { 기본코드 불러오기, 구조와 역할, CSS&JS 연결 }

Ben의 프로그램 2023. 6. 20. 09:27
728x90

  • html 태그의 내부는 웹 문서의 시작과 끝으로 전체이다. 
  • head 태그에는 meta 정보를 갖게 된다. 

  • css 와 html 을 연결해주기 위해서 head 영역에 link 태그를 만들어서 연결해준다. 

 

  • ./ 를 href 에 넣어주면 현재 폴더 안의 있는 파일들을 보여준다. main.css 를 선택해서 적용해주면 된다. 
  • 여기서 사용한 ./ 는 상대경로를 의미한다. 
  • css 파일을 연결해줄 때는 head 태그 안에서 link 태그를 활용한다. 

  • 우리가 작성한 JS를 보면 객체를 호출하고 객체 안의 함수를 호출하여 사용하고 있다. 
  • JS 같은 경우에는 별도로 객체를 선언하지 않아도 기본적으로 제공해주는 객체들이 있고 그들을 사용해서 함수를 ㅏ사용한다. 
  • JS 와 html 을 연결하는 것은 마찬가지로 head 영역에 script 태그를 사용하여 연결하게 된다.