HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <img> align 속성

이 문서는 HTML img align 속성이 주변 요소에 따라 이미지의 정렬 방식을 지정하는 내용을 소개합니다. <img> 요소는 내장 요소입니다(그것은 페이지에 새 줄을 삽입하지 않습니다). 이 때문에 텍스트와 다른 요소가 그 주위를 둘러싸고 있을 수 있기 때문에 주변 요소에 따라 이미지의 정렬 방식을 지정하는 것이 매우 유용할 수 있습니다.

　HTML <img> 태그

온라인 예제

텍스트 내 이미지의 여러 정렬 방식을 설정합니다：

예제

!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　align　속성　-　기본教程网　oldtoolbag.com</title>
<body>
<h2>align="bottom"　(default):</h2>
<p>This　is　some　text.　<img　src="haha.gif"　alt="haha　face"　width="42"　height="42">　This　is　some　text.</p>
<h2>align="middle":</h2>
<p>This　is　some　text.　<img　src="haha.gif"　alt="haha　face"　width="42"　height="42"　align="middle">　This　is　some　text.</p>
<h2>align="top":</h2>
<p>This　is　some　text.　<img　src="haha.gif"　alt="haha　face"　width="42"　height="42"　align="top">　This　is　some　text.</p>
<h2>align="right":</h2>
<p>This　is　some　text.　<img　src="haha.gif"　alt="haha　face"　width="42"　height="42"　align="right">　This　is　some　text.</p>
<h2>align="left":</h2>
<p>This　is　some　text.　<img　src="haha.gif"　alt="haha　face"　width="42"　height="42"　align="left">　This　is　some　text.</p>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 align 속성을 지원합니다。

정의와 사용법

HTML5 不支持 <img> align 속성입니다. CSS를 대체로 사용하세요。

HTML에서 4.01 중에서, <img>의 align 속성은 폐지되었습니다.

align 속성은 주위 요소에 따라 이미지 정렬을 지정합니다.

<img> 요소는 인라인 요소입니다(그것은 페이지에 새 줄을 삽입하지 않습니다). 이는 텍스트와 다른 요소가 그 주위를 둘러싸는 것을 의미합니다. 따라서 주위 요소에 따라 이미지 정렬을 지정하는 것이 매우 유용할 수 있습니다.

호환성 주석

HTML에서 4.01 중에서, <img>의 align 속성은 폐지되었습니다. 대신 CSS를 사용하십시오.

CSS 문법：<img style="float:right">

CSS 예제: 오른쪽으로 float된 이미지

우리의 CSS 강의에서 더 많은 정보를 찾을 수 있습니다. float 속성의 세부 사항。

문법

<img align="left|right|middle|top|bottom">

속성 값

값	설명
left	이미지를 왼쪽에 정렬하십시오。
right	이미지를 오른쪽에 정렬하십시오。
middle	이미지를 중앙에 정렬하십시오。
top	이미지를 상단에 정렬하십시오。
bottom	이미지를 하단에 정렬하십시오。

　HTML <img> 태그

HTML: <template> 태그