HTML에서 높이 및 너비 속성을 사용하는 방법은 무엇입니까?

<시간/>

HTML의 height 및 width 속성은 요소의 높이와 너비를 지정하는 데 사용됩니다. 값은 픽셀, 즉 픽셀로 설정됩니다.

height 및 width 속성은 다음 HTML 요소에서 사용됩니다.

S. 아니요	요소	속성	속성
1		높이	폭
2	요소	높이	폭
3	요소 <br> </td> <td style="text-align:center;">높이 <br> </td> <td style="text-align:center;">폭 <br> </td> </tr> <tr><td style="width:15.6405%; text-align:center;">4 <br> </td> <td style="width:42.0455%; text-align:center;"><img> 요소 <br> </td> <td style="text-align:center;">높이 <br> </td> <td style="text-align:center;">폭 <br> </td> </tr> <tr><td style="width:15.6405%; 텍스트 정렬:센터;">5 <br> </td> <td style="width:42.0455%; text-align:center;"><input> 요소 <br> </td> <td style="text-align:center;">높이 <br> </td> <td style="text-align:center;">폭 <br> </td> </tr> <tr><td style="width:15.6405%; text-align:center;">6 <br> </td> <td style="width:42.0455%; text-align:center;"><object> 요소 <br> </td> <td style="text-align:center;">높이 <br> </td> <td style="text-align:center;">폭 <br> </td> </tr> <tr><td style="width:15.6405%; 텍스트 정렬:센터;">7 <br> </td> <td style="width:42.0455%; text-align:center;"><video> 요소 <br> </td> <td style="text-align:center;">높이 <br> </td> <td style="text-align:center;">폭 <br> </td> </tr> </tbody> </table> <p> HTML 페이지에 이미지를 추가하기 위해 <img> 태그를 사용합니다. 이를 통해 height 및 width 속성을 사용하여 이미지의 높이와 너비를 픽셀 단위로 설정해야 합니다.</P> <p> <br> </P> <p> <img loading='lazy' alt='HTML에서 높이 및 너비 속성을 사용하는 방법은 무엇입니까? ' src="/article/uploadfiles/202203/2022033115581206.jpg" /></P> <h2>예시</h2> <p> 다음 코드를 실행하여 HTML에서 높이 및 너비 속성을 사용하는 방법을 배울 수 있습니다.</P> <pre><!DOCTYPE html> <html>    <head>       <title>HTML height and width attribute</title>    </head>    <body>       <img src="https://www.tutorialspoint.com/green/images/logo.png" alt="Simply Easy Learning" width="200" height="70">    </body> </html></pre> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script> </div> <div id="turn-page" class="text-over"> <a class='LinkPrevArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002063861.html' >HTML에서 날짜/시간 입력 유형을 사용하는 방법은 무엇입니까? </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002063863.html' >HTML에서 formtarget 속성을 사용하는 방법은 무엇입니까? </a> </div> </section> <aside class="box-r box4-r"> <h3>HTML</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/vs254n/1002039098.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="CSS 높이 및 너비 ">CSS 높이 및 너비 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002054538.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 사용자 정의 속성을 사용하는 방법 ">HTML에서 사용자 정의 속성을 사용하는 방법 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002054545.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 목록 사용 방법(<ul>, <ol>, <dl>) ">HTML 목록 사용 방법(<ul>, <ol>, <dl>) </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002054548.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 속성을 사용하는 방법 ">HTML 속성을 사용하는 방법 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002056567.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="CSS에서 뷰포트 높이와 너비를 설정하는 방법 ">CSS에서 뷰포트 높이와 너비를 설정하는 방법 </p> </a> </li> </ul> <h3 class="h3-2">컴퓨터</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063714.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 스타일 시트를 사용하는 방법은 무엇입니까? ">HTML에서 스타일 시트를 사용하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063719.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 페이지에서 이미지 높이 및 너비 속성을 사용하는 방법은 무엇입니까? ">HTML 페이지에서 이미지 높이 및 너비 속성을 사용하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063727.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 작은 서식을 사용하는 방법은 무엇입니까? ">HTML에서 작은 서식을 사용하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063729.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 강조된 서식을 사용하는 방법은 무엇입니까? ">HTML에서 강조된 서식을 사용하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063733.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 셀 너비와 높이를 설정하는 방법은 무엇입니까? ">HTML에서 셀 너비와 높이를 설정하는 방법은 무엇입니까? </p> </a> </li> </ul> </aside> </section> </div> <ul class="types box4-1 container f-center"> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ol244g/' target="_self">C 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd245y/' target="_self">C++</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/xv246p/' target="_self">Redis</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig247a/' target="_self">BASH 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ge248y/' target="_self">Python</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/jh249b/' target="_self">Java</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw250q/' target="_self">데이터 베이스</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/hf251z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig252a/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/qo253i/' target="_self">프로그램 작성</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/vs254n/' target="_self">CSS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd255x/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ay256s/' target="_self">SQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw257q/' target="_self">IOS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/wu258o/' target="_self">Android</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/nl259f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/mk260e/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ax261s/' target="_self">C＃</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/bz265t/' target="_self">PHP</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/zx271r/' target="_self">SQL Server</a></li> </ul> <footer> <section class="container"> <div class="footer-msg"> <span class="container f-center"> <p class=krf>저작권 © <a href="https://kr.wsxdn.com">https://kr.wsxdn.com</a> 모든 권리 보유</p> </span> </div> </section> </footer> </body> </html>