자 이번에는 그림 태그를 한 번 배워 볼까요?
그림 태그는 넘넘 간단합니다.
그림태그 명령어는 <img src="그림주소">입니다.
참 간단하죠?
이 태그 역시 시작과 끝이 따로 있는 것이 아니고 그림이 있는 주소 하나만 적어 넣으면 됩니다.
여러분들이 각 사이트에 돌아다니다 보면 여러가지 맘에 드는 그림들이나 사진들이 있을겁니다(지금 이 글의 상단에 있는 '우리들의 생각들'이라는 그림(글씨같지만 그림 파일입니다.) 위에 마우스를 갖다대고 한 번 해 보세요).
그럴때 마우스를 자신이 원하는 그림위에 놓고, 마우스 오른버튼을 누르시면 메뉴가 나옵니다.거기서 보면 하단 쪽에 '등록정보'라는 메뉴가 있습니다.
그것을 클릭하시면 주소가 나옵니다. 그러면 그 주소를 마우스로 '드르륵' 긁어서 복사를 하시고 위에 말한거와 같이 명령어 뒤에 그 주소를 붙여넣기를 하면 됩니다.
어때요? 넘 간단하죠?
물론 이것도 몇가지 조건식을 붙힐 수 있습니다.
1) 크기 바꾸기
원본 그림보다 크게 또는 작게 만들 수 있습니다. 만약 1/2크기로 올리고 싶다고 가정해 보겠습니다.
먼저 원본 그림에서 마우스 오른쪽 버튼을 눌렀을 때 뜨는 정보를 잘 보세요. 주소 아래에 보면 해상도라고 나오죠? 거기에는 그 파일이 몇개의 픽셀로 되어 있나를 나타내 주고 있습니다. 이 해상도를 메모해 놓으십시오.
게시판 상단에 있는 사진은 해상도가 284X70 이군요. 가로, 세로가 284픽셀 X 70픽셀짜리 크기의 그림이라는 말입니다.
주소는 http://www.feelav.com/Images1/mem-discuss1.gif 이구요.
이 그림 일단 한 번 가져와 보고 또 반으로 크기를 줄여 볼까요?
이 그림을 가져 오려면
<image src="http://www.feelav.com/Images1/mem-discuss1.gif">
이렇게 하면 되구요, 또 크기를 반으로 줄일려면
<image src="http://www.feelav.com/Images1/mem-discuss1.gif" width="142" height="35">
요렇게 하면 됩니다.
그러면
요런 그림이
요렇게 된다 이겁니다.
크기를 키울려면 반대로 수치를 크게 해 주면 됩니다. 중요한 것은 수치를 조정할 때는 가로 세로의 비율을 유지하려면 정확한 비율로 수치를 조정해 주어야 한다는 것입니다.
2) 그림의 위치 조절
특별한 말이 없이 그림만 넣으면 그림은 하나의 문자처럼 취급이 됩니다. 하나의 문자처럼 취급이 되니까 그림이 클 경우 꼭 아주 큰 글씨가 가운데 들어가 있는 것과 비슷하게 되죠.
예를 들면 이렇게 된다는 것이죠.
그러나 그림의 위치를 지정해 주면 좀 달라집니다. 위치를 지정해 주는 명령어는 'align'입니다. 정렬이라는 뜻이죠.
예를 들어 <image src="http://www.feelav.com/Images1/mem-discuss1.gif" width="142" height="35" align="left">라고 적어 넣으면
요렇게 나타납니다. 그림이 그 줄의 가장 왼편에 갑니다. 뿐만 아니라 글자들이 그림의 오른쪽으로 찍히면서 다음 줄로 넘어가도 가장 윗부분부터 아래로 채워 집니다. 차이가 느껴지죠?
마찬가지로 <image src="http://www.feelav.com/Images1/mem-discuss1.gif" width="142" height="35" align="right">라고 적어 넣으면
요렇게 나타날 거구요.
줄을 바꾸어도
요렇게 될 겁니다.
align="middle" 이라고 집어 넣으면 요렇게 될 거구요
align="top" 이라고 집어넣으면 요렇게 되겠죠.
align="bottom" 이라고 집어넣으면 요렇게 됩니다. 아무것도 안한 것과 별 차이 없죠?
3) 테두리
그림의 테두리를 만들 수 있습니다.
<image src="http://www.feelav.com/Images1/mem-discuss1.gif" width="142" height="35" align="left" border="1">라고 적어 넣으면
요렇게 되겠죠?
그림에 테두리가 생긴다는 말이죠.
그림 태그는 별로 어려운 것 없죠?
※ 그림 파일은 여러 가지 형식이 있지만 인터넷 상에서 사용되는 형식은 거의 대부분 확장자가 gif이거나 jpg인데 gif는 사용할 수 있는 색깔의 제한이 있어서 그림에 많이 이용되고 jpg는 미묘한 칼라의 표현이 많은 사진에 많이 이용됩니다. 대게 gif 파일의 형태로 만든 파일이 사이즈가 좀 작다고 합니다.
|
|
가을이죠? [1]
