LEVEL 4 QUEST

Cursor로 첫 웹페이지

AI와 대화해서 HTML 페이지 만들기! 실제로 따라해보세요.

HANDS-ON PROJECT

Cursor AI로 나만의
첫 웹페이지 만들기

코딩을 한 줄도 몰라도 괜찮습니다.
AI에게 말로 설명하면, 웹페이지가 뚝딱 만들어집니다.
이 레슨에서 직접 따라하며 나만의 자기소개 페이지를 완성해보세요.

소요 시간(분)

완성 프로젝트

10+

배울 태그

HTML의 기본 구조 이해하기

웹페이지는 모두 HTML(HyperText Markup Language)이라는 언어로 만들어집니다.

HTML은 '태그(tag)'라는 것으로 구성되어 있는데, 마치 편지 봉투처럼 내용을 감싸는 역할을 합니다.

모든 웹페이지의 기본 뼈대를 먼저 살펴볼까요?

HTML 문서의 구조

<!DOCTYPE html> "이 문서는 HTML5야" 선언

<html> 문서 전체를 감싸는 최상위 태그

|-- <head> 보이지 않는 설정 정보

| |-- <title> 브라우저 탭에 보이는 제목

| |-- <meta> 문자 인코딩, 뷰포트 등

| |-- <style> CSS 디자인 코드

|-- <body> 실제 화면에 보이는 내용 전부

|-- <h1> 큰 제목

|-- <p> 문단(글)

|-- <img> 이미지

</html> 문서 끝

핵심 포인트

<head>는 눈에 보이지 않는 설정이고, <body>가 실제 화면에 표시되는 내용입니다.
AI가 코드를 생성해도, 이 기본 구조는 항상 동일합니다!

🔒

여기까지는 미리보기입니다

Cursor로 첫 웹페이지
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)