나다이_꾸준히걷기

CSS 개요: 선언 방식 내장 방식 : 의 내용(Contents)으로 스타일을 작성하는방식 링크 방식 : 로 외부 CSS 문서를 가져와서 연결하는 방식 : 병렬 연결 방식 main.css 파일 div{ color: red; margin: 20px; } 인라인 방식 : 요소의 style 속성에 직접 스타일을 작성하는 방식(선택자 없음) : 우선순위가 너무 앞서있어서 유지보수가 쉽지 않음 @import 방식 : CSS의 @import 규칙 으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식 : 직렬 연결 방식 main.css 파일 @import url("./box.css"); div{ ... } box.css 파일 .box{ background-color: red; padding: px; }

페이지 나누고 연결(링크)하기 태그 NAVER 네이버 : 태그 내부에 있는 글자에 href의 링크로 이동하도록 버튼이 생성됨 : 경로 '/' 앞에는 접근 가능한 기본 주소가 생략되어있다 About : 루트 폴더 아래의 about폴더 안에 about.html 파일이 존재하면 해당 링크로 이동 가능하다 : http://127.0.0.1:5500/about/about.html : 브라우저는 해당 경로가 폴더까지만 지정되었을 경우, index.html을 자동으로 찾아서 띄워주게된다. 예) About About2 : 두 사례 모두 같은 about 폴더 내의 index.html 화면을 보여주게 된다. Home : 루트 경로에 있는 index.html로 이동하게 된다. ※ 주소의 about이 항상 폴더라고 단정할 수..

정보를 의미하는 태그들 태그 : 스타일(CSS)를 HTML 문서 안에서 작성하는 경우에 사용 다음과 같은 결과를 얻을 수 있다. 태그 : HTML 문서의 제목(title)을 정의 브라우저의 메인 제목 표시줄에 다음과 같이 표기된다. 태그 : 외부 문서를 가져와 연결할 떄 사용.(대부분 CSS 파일) rel: 가져올 문서와 관계 (필수속성) href: 가져올 문서의 경로 태그 : 자바스크립트(JS) 파일 가져오는 경우 console.log('Hello MAKZUIN!!') : 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우 태그 : HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은, 여러 정보를 검색엔진이나 브러우저에 제공한다. initial-scale=1.0 : 기본 크기는 1.0 배수로 ..

CSS, JS 연결 : ~.html 이라는 파일이 어떤 내용을 가져와서 사용할 것인지 또한 정보이다. : 그렇다면? 정보는 태그 안에 명시된다. 태그 : link태그가 head 태그 안에 작성되어 main.css의 내용을 index.html이 사용한다 태그 : script태그가 head 태그 안에 작성되어 main.js의 내용을 index.html이 사용한다. : 지금과 같은 경우엔 크롬브라우저에서 F12를 누르면 나오는 개발자도구의 Console 창에서 'MAKZUIN!' 글자를 확인 가능하다. lang(language) : 지정할 문서의 언어(ISO 639-1)를 명시하는 HTML속성 : 지정 가능한 언어목록 링크 https://ko.wikipedia.org/wiki/ISO_639-1_코드_목록 IS..