◎HTML
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
■확장명을 .html로 한 뒤 '!'를 누르면 자동으로 나옴
<!DOCTYPE html> : 이 문서가 HTML5문서임을 선언
<html lang = "ko"> : HTML문서의 시작을 나타내며 lang 속성을 이용하여 문서의 기본언어가 한국어임을 명시
<head> : 문서의 메타데이터와 제목 등을 포함하는 머리말
<meta charset="UTF-8"> : 문서의 문자 인코딩을 UTF-8으로 설정
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : 반응형 웹 디자인을 위한 뷰포트 설정
width=device-width : 뷰포트의 너비를 디바이스의 너비만큼 설정
initial-scale=1.0 : 페이지가 처음 로드될 때 기본 확대/축소 수준을 지정
<title>Document</title>
<body> : 문서의 본문, 브라우저에 ViewPort(웹페이지를 사용자가 보는 영역)에 표시되는 내용
※TIP!!
1) 시작할 때 ! 치기
2) shift+alt 누르고 화살표 밑으로 하면 복붙
3) ctrl+/ 누르면 주석
4) auto rename 다운하며 뒤에 </ㅁㅁ> 자동으로 생김
5) Live server 다운하면 고친거 바로바로 확인가능 (저장해야함, ctrl+s)
6) Prettier 는 shift+alt+f 누르면 정리됨
'IT수업 > HTML+CSS' 카테고리의 다른 글
| it수업 1~2주차(6) table태그 (0) | 2024.01.03 |
|---|---|
| it수업 1~2주차(5) table (0) | 2024.01.03 |
| it수업 1~2주차 (4) 자식, 형제노드 (0) | 2024.01.02 |
| it수업 1~2주차 (3) (0) | 2024.01.02 |
| it수업 1~2주차 (2) 엔티티 (0) | 2024.01.02 |