사이트에서 한글이 안나옵니다 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

사이트에서 한글이 안나옵니다

undefined주차

이*표

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

코드 내에서 한글로 작성한것이 라이브 서버를 열면 외계어로 뜹니다.

보고 계신 화면 전체를 캡처해 주시면, 튜

터님들이 빠르게 상황을 이해할 수 있어요.

<!DOCTYPE html>


<html lang="en">






<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>2023 bucket list</title>


    <style>


        @import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@400;500;600;700&display=swap');


        *{


            font-family: 'Hahmlet', serif;


        }


        .title {


            color: white;


            background-color: aqua;


            font-size: 24px;


            padding: 4px 14px;


            border-radius: 8px;


        }






        .bg {


            width: 360px;


            background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bg-grid.png");


        }






        .msg {


            font-weight: bold;


        }






        .bucket {


            width: 160px;


            height: 160px;


        }






        .img1 {


            background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-red.png");


            background-size: cover;


            background-position: center;


        }






        .img2 {


            background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-lightred.png");


            background-size: cover;


            background-position: center;


        }


    </style>


    <link rel="stylesheet" type="text/css" href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/sparta-bucket2.css">


</head>






<body class="bg center">


    <h1 class="title">2023 New Year's plans</h1>


    <p class="msg"> If I don't keep this, I'm a cockroach.</p>


    <div class="row flex-row wrap">


        <div class="bucket img1 center "> 토익 700점 </div>


        <div class="bucket img2 center"> 1000만원 모으기 </div>


        <div class="bucket img2 center"> 사이트 만들어보기 </div>


        <div class="bucket img1 center"> 간단한 게임 만들어보기 </div>


        <div class="bucket img1 center"> c언어 함수까지 마스터해놓기 </div>


        <div class="bucket img2 center"> 파이썬 or 자바 배우기 </div>


    </div>






</body>






</html>

에러는 없습니다.

댓글 알림