버튼, 글자, 카드 — 웹을 이루는 가장 기본 요소부터 하나씩 만들어 봅니다.
버튼 만들기
화면 한가운데에 '시작하기'라고 적힌 예쁜 버튼 하나를 만들어 보세요.
큰 제목과 소개 문구
가운데에 큰 제목 '나만의 첫 웹페이지'와 그 아래 회색 소개 문구 한 줄을 만들어 보세요.
프로필 카드
동그란 아바타(이모지 🧑💻)와 이름 '김코딩', 직함 '주니어 개발자'를 담은 프로필 카드를 만들어 보세요.
기능 소개 카드
이모지 아이콘 ⚡, 제목 '빠른 속도', 설명 문구, 그리고 '자세히 보기' 링크를 담은 기능 소개 카드를 만들어 보세요.
알림 배너
위쪽에 '🎉 가입을 환영합니다!' 문구와 오른쪽 끝 닫기(×) 버튼이 있는 가로 알림 배너를 만들어 보세요. ×를 누르면 배너가 사라져요.
무지개 버튼
마우스를 올리면 무지개처럼 색이 변하는 버튼 하나를 화면 한가운데에 만들어 보세요.