기본적으로 위에 사진에 나와있는 Live Server만 다운 받아도 사용 가능하지만 이외에도 코딩을 도와주는 다양한 확장 기능들이 존재한다.
밑에 나와있는 기능들은 이전에 c++로 알고리즘을 공부하기 위해 비쥬얼 스튜디오 코드를 쓸 때 다운받아 뒀던 것들인데 이 참에 소개하겠다.
3) HTML 기본 문서 구조
● 태그는 <와 >를 이용해 구분합니다
● 태그는 소문자로 씁니다
● 여는 태그와 닫는 태그를 정확히 입력합니다
● 태그는 속성과 함께 사용할 수 있습니다
HTML 문서에는 반드시 필요한 구조
● <!dctype html> - 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻입니다
●<html> ~ </html> - 웹 문서의 시작과 끝을 나타내는 태그입니다. 웹 브라우저가 <html> 태그를 만나면 </html>까지의 소스를 읽어 HTML 문법에 맞추어 브라우저에 표시합니다
●<head> ~ </head> - 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분입니다. 여기에 있는 정보는 실제 문서 내용이 아니기 때문에 문서 제목만 브라우저 창에 표시되고 나머지는 웹 브라우저 화면에 표시되지 않습니다. 스타일 및 스크립트 등이 포함되기도 합니다.
●<body> ~ </body> - 실제로 웹 브라우저 화면에 나타날 내용입니다. 앞으로 우리가 공부하게 될 HTML태그들은 대부분 <body> 태그 안에 들어갑니다.