* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
① 코드스니펫에 있는 HTML을 복사해서 적용했는데, 강의에 없던 <meta> 코드들이 <head>에 포함이 되어있더라고요.
4줄이 적용된 이 <meta>코드는 무슨 기능인지 궁금합니다. 강의에 따로 코드에도 없고 설명도 없어서요.
② 그리고 강의 마지막 부분, class로 명찰을 달아주고 꾸미기를 할 때
<body>에 있는 내용을 꾸미는 건데, 꾸미는 내용은 <head>안에서 <body>꾸미기를 원래 전부다 해야되는 건가요??
<body>내용은 <body>안에서 꾸며야 덜 헷갈릴 거 같은데, 원래 <head>에서 body꺼도 다루면 뭔가 섞이는 느낌이라..
잘 몰라서 여쭙습니다.
캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
<!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">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<title>나만의 동기부여 홈화면 만들기</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
* {
font-family: 'Poppins', sans-serif;
}
</style>
<script>
</script>
</head>
<body>
나만의 동기부여 홈화면 만들기</br>
여기가 내용인가?
<div>나는 구역을 나누죠</div>
<p>나는 문단이에요</p>
<h1>h1은 제목이에요.</h1>
<h2>h2는 소제목입니다.</h2>
<h3>h3~h6 h 뒷 숫자가 커질수록 글자 크기는 작아져요. </h3>
<a href="https://spartacodingclub.kr/"> 하이퍼링크 </a>
<img src="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/free/logo_teamsparta.png" width="300"/>
<input type="text">
<button>버튼입니다.</button>
</body>
</html>
