본문 바로가기

전체 글

 (166)
상대 경로 vs 절대 경로 상대 경로 vs 절대 경로 ./ (생략 가능) http (https) ../ / (//) ./ 해당 html파일 주변의 위치부터 불러옴. 이 표시 없어도 됨. ../ 해당 html파일 상위 폴더에서 불러옴. http (https) 원격 컴퓨터, 혹은 사이트에서 불러옴. / (//) 최상위 경로(루트 경로)를 의미합니다.
정보를 의미한 태그들 정보를 의미하는 태그들은 html파일 영역에 담아야 한다! 1. 태그 태그는 HTML문서의 제목(title)을 정의합니다. 해당 영역에서 입력된 문자들이 웹 브라우저 탭에서 표시됩니다. 영역에서 제가 임위적으로 코딩좋아라는 이름을 붙여줬습니다. 브라우저탭도 같은 이름으로 띄워지죠. 2. 태그 태그는 외부 문서를 가져와 연결할 때 사용하며, 대부분은 CSS파일입니다. 필수 속성이 두개 있습니다. rel 과 href 입니다. rel 속성 rel(Relationship 단어의 약어)은 가져올 외부 문서(대표적으로 CSS파일)가 현재의 HTML과 어떤 관계인지를 명시하는 HTML 속성(Attribute)입니다. stylesheet로 명시되면 css파일을 의미합니다. icon도 명시될 수 있습니다. icon은 브..
CSS, JS 연결하기 CSS 연결 영역에서 태그를 걸어주면 됩니다. html 파일 언어 변경 태그 중 lang속성이 기본적으로 en으로 되어 있습니다. en는 영어의 약자라서 해당 파일은 암묵적으로 영어로 표시됩니다. 한국어로 변경하고 싶으면 ko로 변경하면 됩니다. JS 연결 JavaScript 파일 연결하려면 태그를 사용해야 됩니다. html 파일의 영역에서 위 캡처처럼 태그를 넣고, src에서 js파일 경로를 표시해주면 연결됩니다. 그리고 다시 브라우저를 켜시고 F12키를 누르면 개발자 모드 나옵니다. 여기서 JS를 확인할 수 있습니다.

티스토리툴바