나다이_꾸준히걷기

Emmet : VS Code의 고유한 기능은 아님 : 간단하게 tag이름만 명시해도, 요소를 자동으로 완성해줌 : 동일하게 codepen.io 에서도 사용 가능 html 에서 div + tab : div.MAKZUIN + tab : img + tab : div>ul>li*4{$} : 1 2 3 4 이하생략... css 에서 w:200 + tab : width: 200px; bc:orange + tab : background-color: orange; 이하생략... 더 자세한 내용은 css 선택자 할떄!

페이지 나누고 연결(링크)하기 태그 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이 항상 폴더라고 단정할 수..

Doctype(DTD), HTML, HEAD, BODY DOCTYPE html> : 문서(페이지)의 HTML 버전을 지정 : DOCTYPE(Document Type Definition) 마크업 언어에서 문서 형식을 정의 : 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려준다 : HTML1~4, XHTML, HTML5(표준) : html 시작태그 : head 시작 태그 : head 종료 태그 : body 시작 태그 : body 종료태그 : html 종료태그 html 태그 : 문서의 '전체' 범위 HTML문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할 head 태그 : 문서의 '정보'를 나타내는 범위 웹 브라우저가 해석해야할 웹 페이지의 제목,설명, 사용할 파일 ..