vsc(텍스트 편집기, 웹사이트를 만들기 위해서 꼭 필요한 건 아님)에서 사용하는
폴더명과 파일명은 항상 소문자로 작성한다. 그래야 에러가 안난다.
파일명 옆에 동그라미 표시는 저장 안됐다는 상태 >> 항상 저장하는 습관을 들이자...
attribute(속성) : 태그에 부가적인 정보를 추가해주는 것, 태그가 공통적으로 사용할 수 있는 속성도 있고 안 그런 것도 있다. 속성 값은 항상 큰따옴표"" 사용, 공백 넣으면 x, - 로 연결하자.
<a href = "링크" target = "_blank"> </a><img src = "이미지 링크"/>: self-closing tag. src가 content가 된다.
링크에는 path notation으로 폴더명/파일명 경로를 작성한다.- 라벨은 인풋과 함께해야 작동되며, 라벨의 for 과 인풋의 id값이 같아야 한다.
<label for = "ppp">
<input id = "ppp">- id는 고유식별자로서 어느 태그에든 쓸 수 있지만, 태그는 한개의 id만 가질 수 있다.
- 의미는 없고 기능만 있는 태그.(non- semantic tag)
<div></div>박스라고 생각, 줄바뀐다.
<span>짧은 텍스트를 위한 태그 <headea>, <main>, <footer> 등처럼 semantic(코드 자체에 의미가 부여됨)으로 작성하는게 중요하다.
<!DOCTYPE html> // html의 첫번째 줄. 규칙.
<html> // html코드 입력하겠다
<head> // 웹사이트의 환경을 설정. 외부로 보여지지 않는 설정을 해줌.
<title> </title> // 웹사이트 이름 설정해줌(구글 검색에 영향)
<meta charset = "utf-8"/> // 글자가 깨지지 않도록하는 필수적으로 넣어야하는 태그
<meta> // 부가적인 정보. content, name 두개의 속성을 갖는다.
</head>
<body> // 화면상에 보여질 내용인 content 포함
<form> // 폼 태그 안에 모든 관련 태그가 들어감
</form>
<body>
</html>
tip
- 구글 검색할 때 mdn 붙여주자 (모질라 개발자 네트워크-파이어폭스 브라우저 만드는 회사가 제공), w3w은 사용하지 말라고..
- 2.3 강의 prettier 라는 확장 프로그램 - 코드를 예쁘게 정렬해줌
- wakatime 확장프로그램 - 하루 작업시간 그래프로 보여줌
- cmm + d 동시 수정
- opt 동시 선택
- https://jhnyang.tistory.com/408 비주얼 코드 단축키
