input

Untitled

미디어쿼리 사용한 반응형 웹


  <style>
    body {
      background: url("../div_img/oneday01.jpg") no-repeat fixed;
      background-size: cover;
    }

    @media screen and (max-width: 1024px) {
      body {
        background: url("../div_img/beauty1.jpg") no-repeat fixed;
        background-size: cover;
      }
    }

    @media screen and (max-width: 768px) {
      body {
        background: url("../div_img/bottle01.jpg") no-repeat fixed;
        background-size: cover;
      }
    }

    @media screen and (max-width: 320px) {
      body {
        background: url("../div_img/beauty4.jpg") no-repeat fixed;
        background-size: cover;
      }
    }
  </style>

Javascript

경고, 확인창


<script>
   alert("hello! javascript");
   alert(5 + 3 * 2); //연산 수행
   alert(10 % 7);
</script>

alert 안에서 줄바꿈은 <br> 대신 \n 사용

<script>
      var num = prompt("숫자입력", "0"); // 디폴트값이 0
      document.write(num);
</script>

Untitled

Untitled