기초 지식 3 / 21

화면 만들기: HTML

꺾쇠 괄호 <태그>로 '여기에 버튼, 여기에 제목'을 적어요.

HTML은 화면에 놓일 것들을 순서대로 적은 목록이에요. <button>처럼 꺾쇠 괄호로 감싼 말을 '태그'라고 해요. 태그는 열고(<button>) 닫아요(</button>).

룰렛 화면의 뼈대

<h1>오늘 뭐 먹지?</h1>← 큰 제목

<button id="spin">돌리기</button>← 버튼. id는 이 버튼의 이름표예요

<input placeholder="메뉴 이름">← 글자를 쓰는 칸

<ul id="menu-list"></ul>← 목록이 들어갈 빈자리

id는 '이름표'예요. 나중에 JavaScript가 '이름표가 spin인 버튼'을 찾아서 움직이게 해요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

<button<h1id=

작업실에서 해 보기

채팅창에 이렇게 보내 보세요.

“제목 아래에 '오늘의 한마디'라는 작은 글을 하나 넣어줘”

🧩 이 내용이 나오는 따라 만들기