웹개발 1주차 [구글무료폰트,로그인페이지 만들기]

728x90

HTML, CSS

Quiz_간단한 로그인 페이지 만들어보기

구글 웹폰트, 주석, 파일분리

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
   <link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
    <style>
        * {
          /
        }
        .mytitle{
            width: 300px;
            height:200px;

            color: white;

            text-align: center;

            background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
            background-size:cover ;
            background-position: center;

            border-radius: 10px;

            padding-top: 40px;
        }
        .wrap{
            width: 300px;
            margin: auto;
        }
    </style>
</head>
<body>
    <div class="wrap">
        <div class="mytitle">
            <h1>로그인 페이지</h1>
            <h5>아이디,비밀번호입력</h5>
        </div>
        <p>ID: <input type="text"/></p>
        <p>PW: <input type="text"/></p>
        <button> 로그인하기</button>
    </div>
</body>
</html>

오류

1.구글폰트 복사 후 폰트 적용 불가

-강사 코드복붙

2.ctrl /

바꾸기전 폰트로 돌아가나 입력한 코딩이 살아지고 다시 돌아오지 않음

저작자표시 비영리 변경금지

'일상정보' 카테고리의 다른 글

Javascript 기초 문법-팬명록 (0)	2022.08.24
2주차 Bootstrap,포스팅박스 (0)	2022.08.24
스파르타 내일배움캠프 AI 사전과제 계산기 (0)	2022.08.23
근로장려금 적금 은행비교 6% 고금리 비과세적금 가입 은행 바로가기 (0)	2022.08.18
근로복지넷 생활안정자금 장례비지원 1000만원 (0)	2022.06.02