[실습] HTML태그 - HTML 기본 구조
HTML 태그 | 2024.12.23 - [프론트엔드 (Frontend)/HTML] - HTML 태그
사용할 HTML 태그
| 문서 구조 관련 태그 | <!DOCTYPE html> |
| <html> | |
| <head> | |
| <body> | |
| 문서 메타데이터 관련 태그 |
<title> |
| <meta> |
결과 확인
실습 코드
더보기
<!-- HTML5 문서임을 선언하는 태그, 문서의 가장 상단에 위치 -->
<!DOCTYPE html>
<!-- HTML 문서의 시작을 나타내는 태그 -->
<html>
<!-- 문서의 메타데이터(제목, 문자인코딩 등..)를 포함하는 부분 -->
<head>
<!-- 문서의 문자 인코딩 선언 -->
<meta charset="UTF-8">
<!-- 다양한 단말에서 화면 최적화 즉 단말 크기에 맞춰서 화면에 맞게 렌더링됨 -->
<meta name="viewport" content="width = device-width,initial-scale = 1.0" />
<!-- 문서의 제목을 정의 -->
<title>[실습] HTML태그 - HTML 기본 구조</title>
<!--
닫는태그, <head>태그의 종료를 나타내는 태그
HTML 태그는 여는태그 <> 와 닫는태그 </> 로 구성
태그에 따라 닫는 태그를 생략할 수 있음
-->
</head>
<!-- 실제 웹 페이지의 내용을 포함하는 부분 -->
<body>
[실습] HTML태그 - HTML 기본 구조
</body>
</html>
'프론트엔드 (Frontend) > HTML' 카테고리의 다른 글
| [실습] HTML태그 - <p> 태그 (2) | 2025.01.02 |
|---|---|
| [실습] HTML태그 - 제목 태그 (2) | 2025.01.02 |
| HTML 태그 (1) | 2024.12.23 |
| HTML 파일 생성 (0) | 2024.12.20 |
| HTML 환경 준비 - 에디터 설치 (0) | 2024.12.17 |