본문으로 건너뛰기

HTML 시작하기

HTML 시작하기

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

여기서 하이퍼텍스트(HyperText)는 텍스트에 '하이퍼링크'라 불리는 링크(Link)가 포함된 것을 뜻합니다. 사용자는 이 링크를 클릭함으로써 다른 웹 페이지, 이미지, 비디오 등으로 간편하게 이동할 수 있습니다.

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

예를 들어 HTML에서 <p>는 단락(Paragraph)을 의미하고, li는 목록(List)을 의미합니다.

간단한 HTML 예시를 살펴보겠습니다.


HTML 코드 예시

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

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

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


실습

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