학습 자료

HTML 시작하기

HTML은 HyperText Markup Language의 약자로, 웹페이지의 구조와 내용을 정의하는 기본 골격과 같습니다.

먼저 하이퍼텍스트(HyperText)는 텍스트에 하이퍼링크라 불리는 링크(Link)가 포함된 것을 뜻합니다.

사용자가 이 링크를 클릭하면 다른 웹페이지, 이미지, 동영상 등 다양한 콘텐츠로 손쉽게 이동할 수 있습니다.

이러한 하이퍼텍스트 기반의 링크를 통해 콘텐츠를 탐색하는 것은, 웹이 수많은 웹페이지를 서로 연결하여 구성되는 기본 원리입니다.


또 다른 중요한 개념인 마크업 언어(Markup Language)는 문서나 데이터의 구조를 정의하기 위해 사용되는 코드나 태그(Tag)를 의미합니다.

HTML은 이러한 태그를 사용해 문서의 의미와 레이아웃을 지정합니다.

예를 들어 h1은 가장 큰 제목(Heading1)을 의미하고, <p>는 일반적인 텍스트로 구성된 단락(Paragraph)을 의미합니다.

다음은 간단한 HTML 코드 예시입니다.


HTML 코드 예시

간단한 HTML 코드
<html> <head> <title>제목</title> </head> <body> <h1>안녕하세요</h1> <p>반갑습니다</p> </body> </html>

위 HTML 코드는 <html>, <head>와 같이 꺾쇠 괄호(<, >)로 감싸진 요소들로 구성되어 있습니다.

이러한 요소들은 무엇이고, HTML에서 어떻게 작용할까요? 다음 수업에서 함께 알아보겠습니다 👨🏻‍💻


실습

코드의 별표로 강조된 부분을 따라 입력해 보세요.

Mission
0 / 1

HTML에서 단락을 나타내는 태그는 <paragraph>이다.

학습 자료

AI 튜터

배포

디자인

업로드

수업 노트

즐겨찾기

도움말