📌 HTML 과제 안내

이번 과제에서는 HTML을 이용하여 간단한 블로그 페이지와 글쓰기 페이지를 만들어보겠습니다.

HTML의 기본 태그를 활용하는 연습이므로, 가이드에 맞춰서 멋진 페이지를 완성해주세요!

📝 과제 1-1: 개인 블로그 페이지 만들기

🎯 목표

HTML을 활용하여 나만의 블로그 페이지를 만들어 봅시다!

• <h1~6>, <p> 태그를 사용하여 텍스트 작성하기
• <a> 태그를 이용하여 링크 추가하기
• <ol>, <li> 태그를 활용하여 순위 매기기
• <ul>, <li> 태그를 이용하여 목록 정하기

🖥 예시 화면 (참고용)

💡 위의 예시를 참고하여 여러분만의 개성을 담은 블로그 페이지를 만들어보세요!

📝 과제 1-2: 블로그 글쓰기 페이지 만들기

🎯 목표

HTML을 활용하여 블로그 글쓰기 페이지를 만들어 봅시다!

• <form> 태그를 사용하여 입력 폼 만들기
• <textarea> 태그로 글 제목과 내용을 입력할 수 있도록 만들기
• <select>, <option> 태그로 카테고리 선택 기능 추가하기
• <label> 태그를 활용하여 입력 필드 설명 추가하기
• <button> 태그로 제출 버튼 만들기

🖥 결과 화면

💡 위의 이미지와 같은 HTML 레이아웃을 만들어보세요!

• 예시 코드는 참고용이며, 그대로 복사하지 말고 여러분만의 스타일로 만들어 주세요!
• HTML 태그를 올바르게 사용했는지 다시 한번 확인해 주세요.
• 제한 사항을 꼭 준수하여 과제를 제출해 주세요.

📝 과제 2: 회원가입 폼 만들기

🎯 목표

HTML을 활용하여 회원가입 페이지를 구현해 봅시다!

• <form> 태그를 사용하여 입력 폼 구성하기
• <input> 태그를 활용하여 ID, 비밀번호, 이름, 생년월일 입력받기
• <select> 태그를 활용하여 성별 선택 및 이메일 도메인 선택 기능 추가하기

🖥 구현할 내용

✅ ID 입력란 (텍스트 입력 필드)

✅ 비밀번호 입력란 (비밀번호 필드)

✅ 이름 입력란 (텍스트 입력 필드)

✅ 생년월일 입력란 (날짜 선택 필드)

✅ 성별 선택 (드롭다운 선택 필드)

✅ 이메일 입력란 (텍스트 입력 + 이메일 도메인 선택 필드)

✅ 가입하기 버튼 (제출 버튼)

💡 위의 요구사항을 충족하는 회원가입 폼을 직접 만들어보세요!

📤 과제 제출 방법

✅ Lionz 페이지 과제란에 PR 링크를 올려 제출해주세요!

🚀 과제 시작 방법

1️⃣ 이 레포지토리 링크를 Fork 하여 자신의 저장소로 가져옵니다.

2️⃣ 과제를 진행한 후, PR을 생성하여 제출합니다.

📢 주의사항

• 필수 입력 필드(required 속성 등)를 적절히 활용하여 사용자 경험을 개선해 주세요.
• HTML 태그를 올바르게 사용했는지 다시 한번 확인해 주세요.