[html] 이미지넣기 태그
HTML 태그에서 가장 많이 사용되는 태그중 하나가 이미지삽입태그입니다.
HTML 이미지 삽입 태그
<IMG SRC="이미지경로">
크기를 지정하고 싶다면?
<IMG SRC="이미지경로" WIDTH="넓이" HEIGHT="높이" alt="그림설명">
여기서 alt 태그가 중요한데요,
alt태그는 이미지태그에 대한 설명입니다. 이 부분은 웹페이지에서는 보이지 않습니다.
그러나!! 이 alt 태그는 사실 시각장애인을 위한 태그인데요,
구글에 이미지검색할때 이쪽 태그를 통해 검색이 됩니다.
HTML이미지삽입 링크는
<HTML>
<HEAD>
<TITLE> HTML 이미지 넣기 </TITLE>
</HEAD>
<BODY>
IMG SRC를 넣어보겠습니다. <BR><BR>
<IMG SRC="이미지주소" WIDTH="600" HEIGHT="400" alt="이미지설명">
</BODY>
</HTML>
여기서 WIDTH와 HEIGHT는
WIDTH : 이미지 넓이를 지정합니다.
HEIGHT : 이미지 높이를 지정합니다.
그 외 입력하는 이미지효과 HTML명령어
BORDER : 그림 외곽선으로 테두리를 지정합니다.
<div style="width: 87px; height: 57px; top: 250px; left: 400px; border: 10px solid blue;">...</div>
VSPACE : 그림 상하 여백을 지정합니다.
HSPACE : 그림 좌우 여백을 지정합니다.
ALIGN : 그림 위치를 지정합니다. (align="left, right, center")
지정을 따로 하지 않을 경우에는 기본으로 왼쪽정렬됩니다.
표시방식은
<img src="이미지주소" border="1" align="left" hspace="20">
이런식으로 해주시면 됩니다.
시세차익을 통한 이익창출!
전자화폐의 새로운 시장!
★트레이드코인클럽★
'Study about > * html' 카테고리의 다른 글
| [html] 글자의 서식 바꾸는 태그 (0) | 2017.05.04 |
|---|---|
| [html] 애드센스 광고 두개 나란히 삽입 (0) | 2017.04.30 |
| [html] 기초태그 (0) | 2017.04.29 |
