HTML의 기본 구조
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 2번째.
모든 HTML 문서는 단순한 구조를 따릅니다.
이는 <!DOCTYPE html>로 시작하며, 우리가 사용 중인 HTML 버전을 알려줍니다.
그 다음에는 모든 HTML 콘텐츠를 포함하는 <html> 태그가 옵니다.
<html> 태그 내부에는 웹페이지의 모든 가시적인 콘텐츠를 담고 있는 <body> 태그를 추가합니다.
간단한 예제입니다:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>이 예제에서 <body> 태그 내부의 텍스트는 웹페이지에 텍스트로 표시됩니다.
챌린지
쉬움HTML 페이지의 기본 코드가 주어집니다. 다음 텍스트를 <body> 태그 안에 넣으세요:
To Infinity And Beyond!모든 것은 대소문자를 구분한다는 점에 유의하세요. 예를 들어:
To Infinity And Beyond!to infinity and beyond!은 서로 다른 것입니다 (첫 번째 줄의 대문자에 주목하세요).
치트 시트
모든 HTML 문서는 기본적인 구조를 따릅니다:
<!DOCTYPE html>- HTML 버전을 선언합니다<html>- 모든 HTML 콘텐츠를 포함합니다<body>- 웹페이지에 표시되는 모든 콘텐츠를 담습니다
기본적인 HTML 구조:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 아래에 텍스트를 배치하세요 -->
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
