HTML 시작하기 - Web 개발 학습하기 | MDN
HTML 기본 사항을 둘러 보셨기를 바랍니다.
developer.mozilla.org
→ 참고 사이트
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- CSS 파일 링크 및 메타데이터 -->
</head>
<body>
<!-- 페이지의 실제 내용 -->
</body>
</html>
<!DOCTYPE html>: HTML5 문서임을 선언. 브라우저가 올바르게 페이지를 해석하기 위함
<html>: HTML 문서의 루트 요소로, 모든 HTML 내용이 이 태그 안에 포함됨 / lang 속성으로 문서의 언어를 지정 ex. <html lang = 'ko'>
<head>: 문서의 메타데이터 포함. <body>와 달리 내용이 페이지에 표시되지 않음. meta 태그로 다양한 속성 지정 가능.
- <meta charset="UTF-8">: 문서의 문자 인코딩을 설정 (UTF-8은 대부분의 언어를 지원).
- <meta name="viewport" content="width=device-width, initial-scale=1.0">: 반응형 웹을 위한 설정으로, 디바이스 크기에 맞춰 페이지 조절
- <title>: 브라우저 탭에 표시되는 문서의 제목.
<body>: 페이지의 실제 콘텐츠가 포함되는 부분 (텍스트, 이미지, 링크, 버튼 등의 UI 구성 요소들)
'Dev > Frontend' 카테고리의 다른 글
| [HTML] 시맨틱 태그 (5) | 2024.09.24 |
|---|---|
| [HTML] Attributes를 알아보자 (1) | 2024.09.23 |
| [HTML] 시작하기 ⁺. ⊹˚₊ ₊·(੭ · ˕ · )੭‧* (2) | 2024.09.18 |
