문서에 이미지를 끼워넣을 수 있는 태그로 아주 중요하고 기본적인 태그에 속한다.
■ <img> * 마감태그가 없다
삽입된 이미지에 대한 많은 속성을 가진다.
src |
<img src="123.gif"> |
이미지 url |
width |
<img src="123.gif" width="100"> |
너비,없으면 실제 넓이 적용 너비만 주면 높이는 비례적으로 따라옴 |
height |
<img src="123.gif" height="80"> |
높이,없으면 실제 높이 적용 높이만 주면 너비는 비례적으로 따라옴 |
align |
<img src="123.gif" align="right"> |
문자열과 함께 사용시 정렬 |
hspace |
<img src="123.gif" hspace="3"> |
이미지 양옆으로 형성되는 여백 |
vspace |
<img src="123.gif" vspace="5"> |
이미지 아래위에 형성되는 여백 |
border |
<img src="123.gif" border="0"> |
이미지의 태두리 선의 두께 | |
* src는 Source로 삽입될 이미지의 위치를 ....
<img src="fox.gif"> |
|
* Width와 Height로 크기를 조절....
Width 만 지정할 경우 height는 비례적으로 조절된다. Height 만 지정시에는 width는 비레적으로 조절 된다.
<img src="fox.gif" width="130"> |
|
둘다 지정시에는 모양이 바뀔 수도 있다.
<img src="fox.gif" width="130" height="50"> |
|
* Align으로 문자열과 함께 사용될 때 이미지 위치 정렬을....
Top,Middle,Bottom 는 문자열 시작줄이 이미지 어느 위치에서를, Left,Right 는 문자열에 대해 이미지의 수평위치를...
<img src="fox.gif" align="top"> |
하하하 무슨 말 적어야할 지 모르겠슴돠. 강좌 디따 어렵데.. 들고 와서 수정하는건데 더 어려운건??? ㅋㅋㅋ 내가 몰라서 글칭~~~ |
<img src="fox.gif" align="bottom"> |
하하하 무슨 말 적어야할 지 모르겠슴돠. 강좌 디따 어렵데.. 들고 와서 수정하는건데 더 어려운건??? ㅋㅋㅋ 내가 몰라서 글칭~~~ |
<img src="fox.gif" align="left"> |
하하하 무슨 말 적어야할 지 모르겠슴돠. 강좌 디따 어렵데.. 들고 와서 수정하는건데 더 어려운건??? ㅋㅋㅋ 내가 몰라서 글칭~~~ |
<img src="fox.gif" align="right"> |
하하하 무슨 말 적어야할 지 모르겠슴돠. 강좌 디따 어렵데.. 들고 와서 수정하는건데 더 어려운건??? ㅋㅋㅋ 내가 몰라서 글칭~~~ |
* Hspace, Vspace 좌우, 상하 여백을....
수평 여백은 Hspace, 수직여백은 Vspace로 한다. 다른 내용과 함께 사용될 때 필요.
* Border 로 태두리를....
<img src="fox.gif" hspace="10" border="0"> <img src="fox.gif" hspace="10" border="1"> <img src="fox.gif" hspace="10" border="2"> |
| |
| |
|
|