img 태그 다루기

이미지 다루기 참고

이미지 크기는 고유값이 정해져 있지만(replaced elem) 컨테이너 박스에 받아온 뒤 내가 설정 할 수 있는 것임 (width, Height)

https://ko.javascript.info/task/carousel

• 참고 코드

  .carousel img {
    width: 130px;
    height: 130px;
    /* make it block to remove space around images */
    display: block;
  }

    <div id="carousel" class="carousel">
      <button class="arrow prev">⇦</button>
      <div class="gallery">
        <ul class="images">
          <li><img src="https://en.js.cx/carousel/1.png"></li>

img를 불러와서 block 속성을 가진 태그의 width와 height를 통해 이미지 크기를 조절하는 모습이다.