* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
수업내용에 맞춰서 따라하고 있는데 05.index.html부터 다음 화면처럼 오류가 납니다. 그대로 카피와 붙여넣기를 시도했는데 이유를 모르겠습니다.
작성한 코드 및 에러 메세지
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>My Website</title>
<link rel="stylesheet" href="05_styles.css">
<!-- 아래 부분 복사 붙여 넣기 -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<!-- 복사 붙여 넣기 -->
</head>
<header>
<div class="header-box1">
<div class="header-box1-right">
<a href="#">회원가입</a>
<a href="#">로그인</a>
<a href="#">고객센터</a>
</div>
</div>
<div class="header-box2">
<div class="header-box2-left">
<img src="https://spartacodingclub.kr/_next/image?url=%2Fv5%2Ficons%2Flogo-inactive.png&w=1080&q=100"
alt="Logo" class="logo" />
<span style="color: #5F0080;">텍스트</span>
</div>
<div class="header-box2-center">
<form>
<label for="search">검색어를 입력해주세요</label>
<input type="text" id="search" name="search">
<button type="submit">
<!-- 아래 부분 복사 붙여 넣기 -->
<span class="material-symbols-outlined">search</span>
<!-- 복사 붙여 넣기 -->
</button>
</form>
</div>
<div class="header-box2-right">
<img src="icon1.png" alt="아이콘1">
<img src="icon2.png" alt="아이콘2">
<img src="icon3.png" alt="아이콘3">
</div>
</div>
</header>
<body>
<div class="container">
<nav>
<div class="nav-left">
<img src="icon.png" alt="아이콘">
<span>카테고리</span>
</div>
<div class="nav-center">
<a href="#">신상품</a>
<a href="#">베스트</a>
<a href="#">알뜰쇼핑</a>
<a href="#">특가/혜택</a>
</div>
<div class="nav-right">
<button class="btn">샛별. 택배 배송안내</button>
</div>
</nav>
<div class="box1">Box1</div>
<div class="box2">Box2</div>
</div>
</body>
</html>
