"Hello, World!"를 출력하는 가장 간단한 웹 페이지를 만들어 보겠습니다.
단계별 설명:
단계 1: HTML 파일 생성
텍스트 에디터를 열고 아래와 같은 내용을 가진 HTML 파일을 작성합니다. 이 예제에서는 "hello.html"이라는 파일 이름으로 저장합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello, World!</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
단계 2: 파일 저장 및 실행
HTML 파일을 저장한 후 브라우저를 열어 파일을 실행하면 "Hello, World!"가 화면에 출력됩니다.
단계 3: 코드 분석
<!DOCTYPE html>: HTML5 문서 형식을 지정하는 선언입니다.
<html lang="en">: HTML 문서의 시작을 나타냅니다. lang 속성은 문서 언어를 정의합니다.
<head>: 문서의 메타 정보와 스타일, 스크립트 등의 정보가 포함됩니다.
<meta charset="UTF-8">: 문서의 문자 인코딩을 UTF-8로 지정합니다.
<title>: 웹 페이지의 제목을 정의합니다. 브라우저 탭에 표시됩니다.
<body>: 웹 페이지의 본문 내용이 들어가는 부분입니다.
<h1>: 제목(헤딩)을 정의하는 태그로, 여기에서는 "Hello, World!"를 표시합니다.
단계 4: 웹 페이지 확인
웹 브라우저를 열고 "hello.html" 파일을 실행하면 웹 페이지가 열리고 "Hello, World!"가 화면에 출력됩니다.
'HTML 예제' 카테고리의 다른 글
| 간단한 타이머 (0) | 2023.12.07 |
|---|---|
| 간단한 계산기 (0) | 2023.12.07 |
| 시계 애플리케이션: JavaScript로 디지털 시계 애플리케이션 만들기 (2) | 2023.12.06 |
| 파티클 시뮬레이션: HTML5 <canvas>를 사용하여 파티클 시뮬레이션 만들기 (1) | 2023.12.06 |
| 사진 슬라이드 쇼: JavaScript로 사진 슬라이드 쇼 만들기 (1) | 2023.12.06 |
