일상에서 개발하기

* 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 연결 => 안에 작성

-> 문서의 전체 범위 -> HTML 문서가 어디에서 시작하고, 어디에서 끝나는지를 알림 -> 문서의 구조를 나타내는 범위 -> 사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같은, 웹 페이지의 보여지는 구조를 작성하는 범위