매일 땡기는 마라 코딩

[인프런] 맛집지도 만들기 - 퀴즈 1 본문

클론코딩

[인프런] 맛집지도 만들기 - 퀴즈 1

cmkoi1 2023. 1. 25. 20:10

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

 

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런...

www.inflearn.com

※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다.

 

 

 

HTML 퀴즈 

 

 

해당 사이트 만들어 보기

  • HTML숙제.html파일을 만들어 작성. 사진 사이즈 조절, 기타 속성들 찾아보기.

 

 

 

 

퀴즈 코드
HTML숙제.html

 

<!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>Document</title>
    </head>
    <body>
        <img src="./328721-eng.png" alt="사진" width="200" height="200"/>
        <h4>도지월드 회원가입</h4>

        <div>아이디: 
            <input type="text" />
        </div>
        <div>비밀번호:
            <input type="password" />
        </div>
        <div>
            <button>회원가입</button>
        </div>
    </body>
</html>

 

 

 

HTML 퀴즈 풀이

풀이 코드
HTML숙제.html

 

<!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>Document</title>
    </head>
    <body>
        <img src="./328721-eng.png" alt="" style="width: 100px"/>   
        <h5>도지월드 회원가입</h5>

        <div>
            <div>
                <label for="user-id">아이디:</label>
                <input type="text" id="user-id"/>
            </div>
            <div><label for="user-password">비밀번호:</label>
                <input type="password" id="user-password"/>
            </div>
            <div>
                <button>회원가입</button>
            </div>
        </div>
    </body>
</html>

 

728x90

'클론코딩' 카테고리의 다른 글

[인프런] 맛집지도 만들기 - 퀴즈 2  (0) 2023.01.27
[인프런] 맛집지도 만들기 (2)  (0) 2023.01.26
[인프런] 맛집지도 만들기 (1)  (0) 2023.01.22
[인프런] 유튜브 사이트 만들기 (3)  (0) 2023.01.22
[인프런] 유튜브 사이트 만들기 (2)  (0) 2023.01.13
'클론코딩' Related Articles more