[HTML] 기본 설명

HTML

[HTML] 기본 설명

Arr_ 2021. 10. 24. 16:15

1. HTML 기본 코드 실행 단축키 : !

- 느낌표를 입력하면 Emmet Abbreviation이 자동으로 뜨는데 이 상태에서 엔터를 누르면 기본 코드가 자동으로 입력

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

2. 주석 입력 :

- 주석은 주로 코드에 대한 설명에 대해 작성함

2-1. 이미 작성한 코드를 주석 처리 하고 싶은 경우

(1) 한 줄인 경우 : 주석 처리할 코드에 커서를 놓은 후 "Ctrl + /" 입력, 주석을 해제하고 싶을 때도 같은 방법을 사용

(2) 여러 줄인 경우 : 주석 처리할 코드를 드래그 한 후 "Ctrl + /" 입력, 주석을 해제하고 싶을 때도 같은 방법을 사용

3. 기본 코드 구성

<!DOCTYPE html>
<html lang="en">
 <head>  **head : 현재 페이지를 구성하는 기본 정보들이 들어있으며 화면에 보여지지 않음
    <meta charset="UTF-8">  **현재 인코딩 방식
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 </head>
 <body> **body : 화면에 보여지는 부분
 </body>
</html>