- HTML 파일 생성하기
HTML을 작성할 폴더를 하나 생성하여 vscode로 열어줍니다.
그러면 이러한 화면이 나타나게 되는데 새로 파일을 생성하기 위해 파일->새 파일을 눌르거나 단축키인 Ctrl+N을 눌러서 파일을 생성하여도 됩니다.
맨 처음 파일을 생성하면 html 파일이 아니라 일반 텍스트 파일로 생성되기 때문에 html 파일로 바꿔주어야 합니다.
vscode의 하단에 보시면 이렇게 일반 텍스트로 되어있는 것을 확인할 수 있습니다. 일반 텍스트를 클릭하여
HTML을 선택하여 바꾸어 주시면 됩니다. 혹은 Ctrl + S를 눌러 html 파일로 저장하셔도 됩니다.
그리고 난 후 !를 누르면 저런 화면이 뜨는데 ! + Enter를 누르시면 HTML의 기본 틀이 자동완성 됩니다.
- HTML 기본 구조
<!DOCTYPE html>은 웹 브라우저에 HTML5 문서라는 것을 알리기 위해 반드시 첫 행에 나와야 합니다.
<title>Document</title> <- 이 부분은 웹 브라우저에 표시되는 제목을 의미합니다.
<body></body> <- 바디 부분은 사용자에게 실제로 보이는 부분입니다.
<html lang = "en"> <- 이 부분은 웹 페이지의 사용 언어를 구글 검색 엔진에 제공하는 것입니다.
en으로 되어있으면 영어로 제공한다는 것으로 html lang 속성에는 여러가지가 있습니다.
| ko | 한국어 |
| en | 영어 |
| ja | 일본어 |
| zh | 중국어 |
위 와 같이 여러가지 언어가 존재하며 다른 언어들도 존재합니다.
마지막으로 html에서 주석을 사용하고 싶을 때 <!-- --> 이렇게 하여 주석을 적으시면 됩니다.