먼저 프로젝트 진행을 위해 1.2 첫 번째 HTML 문서 만들기를 참고해 다음과 같이 기본 구조를 만듭니다. 최종 프로젝트는 아이콘 폰트를 사용하므로 6.9.2 아이콘 폰트 적용하기를 참고해 Font Awesome 라이브러리를 CDN 참조 방식으로 추가합니다. 그리고 CSS는 실무에서 활용하는 방법인 외부 스타일 시트 방법을 사용합니다.
13/ing/index.html
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Final Project</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
이후 나오는 모든 코드는 이 파일 안에 작성됩니다.