바이오 대표

: (division) 또 다른 box (쉽게 생각하면 enter 역할) 를 대체할 수 있는 태그들 with meaning ex) header, main, footer Website Website 예전에는 를 이용해서 코드와 html 를 box 형태로 구분 하였다. div 와 같은 역할을 하지만 개발자들이 코드를 보고 더 쉽게 이해 할 수 있도록 바로 의미를 짐작할 수 있는 Semantic 태그들이 존재한다. ex) header,main,footer 등 * This is the header Main text goes here. ↓ : short text : paragraph https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements r..

* id는 body 안에 어떤 태그에든 넣을 수 있는 attribute 하나의 element 당 고유의 id (unique identify) - 추후에 CSS를 이용해서 디자인을 할 때 고유 id를 이용할 수 있다. input type="data" Website ↓

기본 형식 * label for="" == input id="" label 의 for 과 input 의 id는 같아야 연동이 된다! 위의 예시에서는 name으로 같게 설정해주었다. * label 은 self tag First Name Website Last Name ↓

HEAD 태그는 웹사이트의 모든 정보를 담고 있다. Web browser (구글, 네이버,,,) 에게 해당 사이트를 설명해주는 역할이다. HEAD 태그는 보이지 않는 사이트 설정들을 바꿔준다!! (중요) 기본 형식 예시) You can show your contents here :) ↓ 참고) meta tag = 부가적인 요소 라는 뜻 (content, name attribute를 가짐) charset = 한글 등 문자 표시하게 해줌 language = 사이트에 사용되는 언어 표기 (검색엔진에게 알려줌) og: = 카카오톡에서 사용하는 정보들 (og:url, og:image, og:description)

VSC Set up Visual Studio Code 에서 코드와 아이콘이 보여지는 것을 다르게 할 수 있다. 원하는 theme, icon을 왼쪽에 테트리스같은 아이콘을 눌러서 찾을 수 있다. 내가 사용하는 아이들: Community Material Theme, Material Icon Theme, Prettier Error 띄우기 브라우저는 code 작성시 어디서 잘못되었는지 알려주지 않기에 개발자 입장에서는 error를 띄울 수 있어야 한다.

- self closing tag 기본 서식 ↓ 자주 쓰이는 input type들 (아래 예시 참조) : text (required, placeholder) password submit file Excercise (성 이름 ID 비밀번호 제출) ↓ * : 작성하지 않았을 경우, 알람 : 일정 length 입력하지 않았을 경우, 알람 참고: 의 속성들 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input : The Input (Form Input) element - HTML: HyperText Markup Language | MDN The HTML element is used to create interactive controls for web-..