바이브코딩 및 웹 개발 기본 이해

<h1>재윤 카페</h1>
<p>대구에서 운영하는 작은 카페입니다.</p>
<button>메뉴 보기</button>

• <h1> → 큰 제목 만들기
• <p> → 문장 작성하기
• <img> → 이미지 넣기
• <button> → 버튼 만들기
• <a> → 링크 연결하기

<!-- HTML 예시 -->
<h1>재윤 카페</h1>
<p>대구에서 운영하는 작은 카페입니다.</p>
<button>메뉴 보기</button>

/* CSS 예시 */
<style>
h1 {
  font-size: 40px;
  text-align: center;
}
p {
  color: #555555;
  font-size: 16px;
}

button {
  background-color: #8B5A2B;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
}
</style>

• • 이미지 슬라이드 보기 → 자동으로 여러 이미지 넘겨보기
• • 버튼 클릭하기 → 메뉴 열기
• • 버튼 클릭하기 → 팝업 보여주기
• • 이미지 클릭하기 → 확대된 이미지 보여주기
• • 버튼 클릭하기 → 다른 페이지로 이동하기
• • 입력폼 작성하기 → 작성 내용 처리하기
• • 스크롤하기 → 특정 콘텐츠 나타나게 하기