DAY_001_HTML

2023. 12. 14. 14:29ㆍFull Stack Course 풀스택과정/HTML_CSS_JAVASCRIPT

728x90

CodeHows  DAY_001_HTML

 

 

이번에 사용된 기능 :  

움직이는 글자 전광판 만들기

HTML 꾸미기

HTML 이미지 삽입

HTML 연결링크 만들기

HTML 회원가입 페이지 만들기

HTML 동영상 넣기

HTML 유튜브 넣기

HTML 사진 넣어 클릭시 이벤트 발생(90도 돌아감) 

 

 

 

 

 

코드실행법은 아래와 같아요    

 

윈도 + R 키 누르면 아래 창이 뜹니다. 

 

 

그리고 notepad 입력한뒤 확인 누르면 메모장이 열려요 

 

 

 

 

 

 

 

 

그리고 코드 복사해서 여기에 넣고 저장 

 

 

 

 

 

 

원하는 이름 적고 확장자를 .html 로 적은뒤 파일형식을 모든파일 그리고 저장

 

 

그뒤에 열어보면 위에 나오던 걸로 보여지게 되요 켜서 확인해보시길.

 

 

 

 

 

 

 

코드 

코드 House

코드하우스 2기 모집중 2023.12.01 ~ 2023.12.31 까지 많은 접수 부탁드립니다.

                                                                                                                    

  Code House

  Introduction

  This thought to be known as "Codehouse" but infact, its "CodeHows".

  Criteria

  Recent season, start of 2nd Codehows' program is continued to next year October.  


유튜브 영상들
장난감

상품 정보 : 코드하우스 2기지원하기
  • 기업 연계 프로젝트 경험제공
  • 취업 연계 USG 참여
  • 혁신 지원금 50만원 매달 지급
  • 11 개월간 집중 코딩 및 개발환경제공
  • 전문적인 커리큐럼과 상담 제공
2기 신청 정보
상품선택 주문할 상품을 선택해 주세요
  •   이름     :
  • 배송주소 :
  •  이메일   : 
  •  연락처   :   

회원 가입을 환영합니다

사용자 정보
  •   이름     :
  • 배송주소 :
  •  이메일   : 
  •  연락처   : 
이벤트와 새로운 소식
 


























주문서 작성하기          팀라인 춘국이란?   링크 모음 가기

유튜브 바로가기            수습 국원 모집   동영상 모음 가기

네이버 바로가기           수습 국원 지원 양식

앵커에 연결하는 링크만들기
다른 페이지의 앵커로 이동
젤위로 이동

 

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <title>코드 House </title>
    <style>
        table,
        th,
        td {
            border: 1px solid #bcbcbc;
        }

        div {
            align-items: center;
        }
    </style>

    <header>
        <br>
        <a href="https://www.codehows.com/"><img
                style="width : 250px;"> </a>
        <label>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            ID : </label>
        <input type="text">
        <label> PW : </label>
        <input type="password">
        <button class="login" type="input"> 로그인 </button>
        <button class="newID" type="button"> 회원가입 </button>

    </header>
</head>

<body>
    <div><span id="span" style="background-color: aquamarine; font-size: 15px;">
            코드하우스 2기 모집중 2023.12.01 ~ 2023.12.31 까지 많은 접수 부탁드립니다.
        </span></div>
    </style>
    </head>

    <body>
        <a href="#topPage"></a>
        <br>


        <hr>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

        <input type="search" style="width: 400px;"> <input type="submit" class="searchButton" value="검색"> </button>
        <table border="1">
            <tbody>
                <tr>
                    <td>
                        <ul>
                            <li> <a href="https://naver.com"><img
                                        width="100"></a> <a href="http://naver.com">http://naver.com</a></li><br>
                            <li> <a href="https://daum.net"><img
                                        width="100" height="35"></a> http://daum.net</li><br>
                            <li> <a href="https://etnews.com"><img
                                        src="data:image/png;base64,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"
                                        width="100" height="35"></a> http://etnews.com</li><br>
                            <li> <a href="https://www.kbs.co.kr/"><img
                                        src="data:image/jpeg;base64,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"
                                        height="35"></a> http://wold.kbs.co.kr  </li>
                        </ul>
                    </td>
                    <br>

                    <td style="width : 800px">

                        <h2 style="color : purple"> &nbsp <a href="https://www.codehows.com/">Code House</a></h2>
                        <section>
                            <h3>&nbsp Introduction</h3>
                            <p>&nbsp This thought to be known as "Codehouse" but infact, its "CodeHows".</p>
                        </section>

                        <section>
                            <h3>&nbsp Criteria</h3>
                            <p>
                                &nbsp Recent season, start of 2nd Codehows' program is continued to next year October.
                                &nbsp
                            </p>
                    </td>
                </tr>
        </table>
        <br>
        <form action="">
            <fieldset>
                <legend>
                    <div style="font-size: 20px; color :blue;"> 유튜브 영상들 </div>
                </legend>

                <iframe width="560" height="315"
                    src="https://www.youtube.com/embed/cAlVTCq6JiM?si=B9dy71CW3Ds8PGrZ"></iframe>
                <iframe width="560" height="315"
                <video width="560" height="315"
                    controls></video>
                <img id="sp" onclick="transform()" src="data:image/jpeg;base64,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" width="100px" height="150" alt="장난감">
           
            </fieldset>
        </form>
        <hr>
        <p></p>


        <form action="">
            <fieldset>
                <legend style="color : red">상품 정보 : 코드하우스 2기지원하기</legend>
                <ul>
                    <li>기업 연계 프로젝트 경험제공 </li>
                    <li>취업 연계 USG 참여 </li>
                    <li>혁신 지원금 50만원 매달 지급 </li>
                    <li>11 개월간 집중 코딩 및 개발환경제공 </li>
                    <li>전문적인 커리큐럼과 상담 제공
                </ul>
            </fieldset>
            <fieldset>
                <legend style="color : red">2기 신청 정보</legend>

                <form>
                    <fieldset style="background-color: pink; direction:  right;">
                        <legend>상품선택 </legend>
                        <b>주문할 상품을 선택해 주세요 </b>
                        <label> <input type="checkbox" value="same1" checked> 코드하우스 2기 </label>
                        <label> <input type="checkbox" value="same1"> 코드하우스 3기 예약 </label>
                        <label> <input type="checkbox" value="same1"> 코드하우스 4기 예약 </label>
                        <label> <input type="checkbox" value="same1"> 코드하우스 5기 예약 </label>
                    </fieldset>
                </form>
                <ul>
                    <li>&nbsp 이름 &nbsp&nbsp&nbsp : <input type="text" id="user-name"></li>
                    <li>배송주소 : <input type="text" id="addr"> </li>
                    <li>&nbsp이메일 &nbsp&nbsp:&nbsp<input type="text" id="mail"> </li>
                    <li>&nbsp연락처 &nbsp&nbsp:&nbsp<input type="text" id="phone">&nbsp<a href="https://www.codehows.com/"
                            onclick="return query()"><input type="submit" value="전송"></a>&nbsp<input type="submit"
                            value="재작성"></li>
                </ul>
            </fieldset>

            <h1>회원 가입을 환영합니다</h1>
            <fieldset>
                <legend>사용자 정보</legend>
                <ul>
                    <li>&nbsp 이름 &nbsp&nbsp&nbsp : <input type="text" id="user-name"></li>
                    <li>배송주소 : <input type="text" id="addr"> </li>
                    <li>&nbsp이메일 &nbsp&nbsp:&nbsp<input type="text" id="mail"> </li>
                    <li>&nbsp연락처 &nbsp&nbsp:&nbsp<input type="text" id="phone"> </li>
                </ul>
            </fieldset>
            <fieldset>
                <legend>이벤트와 새로운 소식</legend>
                <label> <input type="radio" value="EventNews" checked> 메일 수신 </label>
                <label> <input type="radio" value="EventNews"> 메일 수신 안함 </label>

            </fieldset>
            <a href="https://www.codehows.com/" onclick="return query()"><input type="submit" value="전송"></a>&nbsp<input
                type="submit" value="재작성">

           
                <br>
                <br>
                <br>
                <br>
                <br>
               
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
            <br>

            <p><a href="../05/order.html" target="_self">주문서 작성하기</a> <a href="https://jepaf.tistory.com/45"
                    target="_self">
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp팀라인 춘국이란? </a> &nbsp <a href="#c1"> 링크 모음 가기</a> </p>
            <p><a href="https://youtube.com"> 유튜브 바로가기&nbsp</a> <a href="../04/_p119.html" target="_self">
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 수습 국원 모집 </a> &nbsp <a href="#c2"> 동영상 모음 가기 </a> </p>
            <p><a href="https://naver.com" target="_self">네이버 바로가기</a> <a href="../04/_p120.html" target="_self">
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 수습 국원 지원 양식 </a> </p>



            <a href="" id="topPage">
                <h5 id="d" style="color : green"> 앵커에 연결하는 링크만들기 </h5>
                <a href="" id="topPage">
                    <div id="d"> 다른 페이지의 앵커로 이동 </div>
                    <a href="" id="topPage">
                        <div id="d"> 젤위로 이동 </div>
                    </a>


                    <br>
    </body>
    <script type="text/javascript">

        let span = document.getElementById('span');
        let timerID = setInterval('doRotate()', 133);
        span.onclick = function (e) {
            clearInterval(timerID);
        }
        function doRotate() {
            let str = span.innerHTML;
            let firstChar = str.substr(0, 1);
            let remains = str.substr(1, str.length - 1);
            str = remains + firstChar;
            span.innerHTML = str;
        }


        function init() {
            p = document.getElementById('p');
        }


        function query() {
            let ret = confirm("전송하시겠습니까?");
            return ret;
        }
        function noAction(e) {
            e.preventDefault();
        }



        c = 90;
        function transform() {
            let name = document.getElementById("sp");
            sp.style.transform = "rotate(" + c + "deg)";
            c = c + 90
        }
       
    </script>

</html>
 

 

필요한 기능만 뽑아서 참고용으로 보세요 저는 제 컴퓨터 기준으로 경로를 설정해서 그대로 복사시 저렇게 안나올거예요~

첫날이라 생각나는대로 만들어봤는데 새록새록 기억이 납니다 ^-^ 

728x90

'Full Stack Course 풀스택과정 > HTML_CSS_JAVASCRIPT' 카테고리의 다른 글

DAY_006_HTML  (0) 2023.12.14
DAY_005_HTML  (0) 2023.12.14
DAY_004_HTML  (0) 2023.12.14
DAY_003_HTML  (0) 2023.12.14
DAY_002_HTML  (0) 2023.12.14

관련글

티스토리툴바