Saturday, January 13, 2007
HTML 기초] 가장 간단한 한글 웹페이지 예제 소스: HTM, Hello World
최소한의 기본적인 "뼈대"만 갖춘 HTML 웹페이지 소스 코드입니다.
* <html></html> 태그로, 웹페이지 전체를 감싸 주어야 합니다. 이 태그는 웹페이지 자체를 나타냅니다.
* <html></html> 태그는 다음과 같이 크게 2부분으로 나누어져 있습니다.
브라우저에게 알려줄 특수한 정보들을 기입하는 <head></head> 태그와
본문 텍스트를 본격적으로 쓸 <body></body> 태그입니다. 다음 예제와 같습니다:
파일명: test.html
(2023-12-18 업데이트: 요즘에는 euc-kr 인코딩이 아닌 유니코드(UTF-8)로 웹페이지를 만들기 때문에, 위의 소스 코드에서
charset=euc-kr
을
charset=UTF-8
로 변경하고, html 파일 자체의 인코딩도 UTF-8 로 저장하세요.)
파일명의 확장자를
test.html
이렇게 html 로 하는 것이 좋습니다.
test.htm
이렇게 할 수도 있지만, 이것은 표준적인 방식이 아닙니다.
이제 웹 브라우저로, 위의 예제 파일을 보면
브라우저 화면에 이렇게 출력됩니다.
<meta... 라는 부분은 "인코딩 메타 태그"인데, 위에서는 현재 HTML 파일의 인코딩이 "한글 완성형/확장완성형"이라고 지정하고 있습니다. euc-kr 이 한글 완성형입니다. (euc-kr 을 ks_c_5601-1987 이라고 지정하는 것은 비표준이라서 좋지 않습니다.)
만약 HTML 파일이 "유니코드(UTF-8)"로 저장되어 있다면 euc-kr 이 아닌 UTF-8 을 지정해야 합니다: ▶▶ [HTML-CSS] 한국어 웹문서 인코딩 charset 종류: euc-kr / UTF-8 / ks_c_5601-1987
그리고 메타 태그는 여러 종류가 있습니다. 여기에 메타 태그들에 대한 설명이 있습니다: ▶▶ HTML-CSS] 메타 태그 종류; META TAG 목록
* <html></html> 태그로, 웹페이지 전체를 감싸 주어야 합니다. 이 태그는 웹페이지 자체를 나타냅니다.
* <html></html> 태그는 다음과 같이 크게 2부분으로 나누어져 있습니다.
브라우저에게 알려줄 특수한 정보들을 기입하는 <head></head> 태그와
본문 텍스트를 본격적으로 쓸 <body></body> 태그입니다. 다음 예제와 같습니다:
가장 기초적인 뼈대 HTML(HTM) 파일 소스 예제
파일명: test.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>여기에 페이지 제목</title>
</head>
<body>
<p>Hello World! 여기에 본문</p>
<p>Hello World! 여기에 본문</p>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>여기에 페이지 제목</title>
</head>
<body>
<p>Hello World! 여기에 본문</p>
<p>Hello World! 여기에 본문</p>
</body>
</html>
(2023-12-18 업데이트: 요즘에는 euc-kr 인코딩이 아닌 유니코드(UTF-8)로 웹페이지를 만들기 때문에, 위의 소스 코드에서
charset=euc-kr
을
charset=UTF-8
로 변경하고, html 파일 자체의 인코딩도 UTF-8 로 저장하세요.)
파일명의 확장자를
test.html
이렇게 html 로 하는 것이 좋습니다.
test.htm
이렇게 할 수도 있지만, 이것은 표준적인 방식이 아닙니다.
이제 웹 브라우저로, 위의 예제 파일을 보면
Hello World! 여기에 본문
Hello World! 여기에 본문
Hello World! 여기에 본문
브라우저 화면에 이렇게 출력됩니다.
<meta... 라는 부분은 "인코딩 메타 태그"인데, 위에서는 현재 HTML 파일의 인코딩이 "한글 완성형/확장완성형"이라고 지정하고 있습니다. euc-kr 이 한글 완성형입니다. (euc-kr 을 ks_c_5601-1987 이라고 지정하는 것은 비표준이라서 좋지 않습니다.)
만약 HTML 파일이 "유니코드(UTF-8)"로 저장되어 있다면 euc-kr 이 아닌 UTF-8 을 지정해야 합니다: ▶▶ [HTML-CSS] 한국어 웹문서 인코딩 charset 종류: euc-kr / UTF-8 / ks_c_5601-1987
그리고 메타 태그는 여러 종류가 있습니다. 여기에 메타 태그들에 대한 설명이 있습니다: ▶▶ HTML-CSS] 메타 태그 종류; META TAG 목록
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home