* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
alt+b로 열었을 때 익스플로러로 열때는 잘 나오는데, 크롬이나 엣지로 열 시에는 코드가 그대로 보이는 화면으로 뜹니다. 왜이럴까요?
깃허브에 올렸을 때도 동일합니다.
<크롬 화면>
<익스플로러 화면>
</>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>가죽공예 강의</title>
<link rel="stylesheet" href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/easygpt/default.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<style>
/* 꾸미기 */
.hero {
background-color: #222;
color: white;
margin-bottom: 50px;
}
.card:hover {
transform: scale(1.05);
transition: transform 0.2s ease-in-out;
}
.card-img-top {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
</div>
<div class="hero bg-black text-center py-5">
<div class="container text-white">
<h1 class="mb-3">가죽공예 강의 게시판</h1>
<h2 class="mb-0">수강 희망 강좌를 선택하세요</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4 mb-3">
<div class="card">
<img src="카드지갑.JPG" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">가죽 카드지갑 만들기</h5>
<h6 class="card-subtitle mb-2 text-muted">5만원</h6>
<p class="card-text">나만의 가죽 카드지갑을 만들어보아요.</p>
<a href="[게시판 URL]" target="_blank" class="btn btn-primary">신청하기</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-3">
<div class="card">
<img src="키링.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">가죽 키링 만들기</h5>
<h6 class="card-subtitle mb-2 text-muted">7만원</h6>
<p class="card-text">아름다운 가죽 키링을 만들어보세요.</p>
<a href="[게시판 URL]" target="_blank" class="btn btn-primary">신청하기</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-3">
<div class="card">
<img src="가방.JPG" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">가죽 가방 만들기</h5>
<h6 class="card-subtitle mb-2 text-muted">10만원</h6>
<p class="card-text">내가 디자인한 가죽 가방을 만들어보세요.</p>
<a href="[게시판 URL]" target="_blank" class="btn btn-primary">신청하기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
</>
