[HTML]visual studio code로 html 시작하기

visual studio code 실행하고 새 파일 만들기

코드창에 !+tab 입력 -> html 기본 구조 템플릿 생성

html은 여러 tag를 조합한 문서

head 태그: 웹 사이트에 대한 설명

body 태그: 우리가 보는 화면

 

vscode 초기 화면

<title>다람이의 웹사이트</title>

타이틀태그(웹사이트명) 

<h1>hello</h1>

글의 제목이나 강조를 위해 사용하는 태그

1~6 글자 크기의 차이 의미함

<p>다람이네 사이트에 오신 것을 환영합니다</p>

p태그 : 문단을 넣을 때 사용하는 태그

<input type="text" style="width: 500px; height: 500px">

input 가능

<br/>태그 - 띄어쓰기

<hr>수평선 긋기 

 

div 태그 사용하지 않으면 button이 나란히 나열됨

div 태그 사용 시 구간 분할됨 

+ vscode 브라우저 실행 방법 

vscode 내부에서 open in browser install 하기

alt + shift + b 누르면 어떤 브라우저에서 실행할지 선택 가능함

웹브라우저에서 실행시 alt+b

[웹개발 입문] HTML 핵심만 배우기 - YouTube