개발 공부

- HTML, CSS, JS 코드를 작성하여 바로 확인할 수 있는 페이지. - 로그인하면 작성한 코드를 저장할 수 있음. https://codepen.io CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io

* index.html - 기본적으로 찾아가는 페이지 - 브라우저는 자동으로 index.html 파일을 찾아감. * 라우터 - /index.html NAVER About ------------------------------------------------------------- - /about/index.html Home About!!

* 하이퍼링크 - href : hypertext reference Google => a 태그를 이용하여 링크 삽입

* img 태그 - 웹 페이지에 이미지를 삽입할 때 사용 - body 태그 안에 삽입 Hello World! => src : 이미지의 경로. 상대 경로 혹은 절대 경로로 입력. => alt : Aternate. 이미지가 출력되지 못하는 경우에 대신 출력할 텍스트. 대채 텍스트라고 부름.

* title 태그 웹 개발 => * link 태그 -> 외부 문서를 가져와 연결할 때 사용. -> rel : Relationship의 약어, 가져올 외부 문서가 현재의 HTML과 어떤 관계인지를 명시 * style 태그 body { color:red; } -> 스타일(CSS)를 HTML 문서 안에 작성하는 경우에 사용. * script 태그 -> 자바스크립트(JS) 파일을 가져오는 경우에 사용. -> JS를 HTML 문서 안에서 작성하는 경우 script 태그 안에 코드를 삽입하여 사용. * meta 태그 -> meta 태그는 HTML 문서의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공.

* CSS 연결 => 안에 작성 * JS 연결 => 안에 작성