이미지 태그

 

이미지 태그

 

1. <HR>(Horizontal Ruler)태그 : 수평선을 그리는 태그

    선 그리기¹태그에서 그릴 수 있는 선은 오직 한 가지 종류만 있

    으며, 선의 길이, 굵기, 색상등을 조절할 수 있습니다.

    <HR> 태그는 종료태그가 없으며 선이 그려진 후 자동 줄 바꿈 특

    성이 있습니다.

 

형식

<HR [옵션]>

 

[WIDTH=선의 길이, 혹은 WIDTH=선의길이%] : 선의 길이를 지정하는 옵션

 %기호가 붙은 경우에는 사용하는 시스템 해상도의 백분율로 사용됩니다.

%기호가 붙이지 않은 경우에는 픽셀단위로 지정한 길이입니다.

선의 길이를 생략하면 화면의 가로길이에 꼭 맞는 크기의 선이 그려집니다.

정밀한 선을 그리고자 하면 픽셀 단위로 지정하고 일반적으로 %단위로 지정하는 것이 좋습니다. 왜냐하면 모든 시스템의 해상도가 동일하지 않으므로 픽셀 단위로 지정하게 되면 각 시스템에서의 크기가 달라질 수 있기 때문입니다.

 

[SIZE=선의굵기] : 선의 굵기를 지정하는 옵션

선의 굵기의 단위는 픽셀단위로서 수치가 카질수록 선의 굵기가 커집니다. 기본값은 2입니다.

 

[ALIGN=LEFT / CENTER / RIGHT] : 선을그리는 위치를 지정하는 옵션

기본값은 [ALIGN=CENTER]입니다.

 

[COLOR=색상코드] : 선의 색상을 지정하는 옵션

선의 색상코드값은 문자코드 값과 동일합니다.

생략하면 기본값으로 음영처리가 되지 않아 평면적인 선으로 그려집니다.

 

2. <IMG>(Image) 태그 : 이미지를 넣는 태그

    웹 브라우저가 표시할 수 있는 이미지 확장자는 GIF, JPG입니다.

    <IMG>태그는 이미지와 문자와의 상관 관계를 고려해야 하기 때문

    에 잘 생각하며 사용해야 합니다.

    이미지는 원칙적으로 하나의 문자처럼 처리됩니다.

    <BR>, <P>등의 줄 나눔 태그를 적절히 잘 사용해야 합니다.

 

형식

<IMG SRC="이미지 파일" [옵션]>

  지정한 이미지 파일의 그림을 삽입

 

[SRC="파일 이름"] : 나타날 이미지를 지정하는 옵션

다른 옵션은 생략해도 관계가 없지만 반드시 사용해야 할 옵션입니다.

경로가 다른 경우에는 경로도 저정할 수 있습니다.

 

[ALIGN=LEFT / CENTER / RIGHT] : 그림이 표시되는 위치를 지정하는 옵션

가로 방향을 기준으로 지정합니다.

기본값으로는 [ALIGN=LEFT]를 지정합니다.

 

[BORDER=테두리의 두께] : 이미지 테두리의 두께를 지정하는 옵션

테두리의 두께를 픽셀값으로 지정합니다.

 

[WIDTH=이미지 가로 길이] :  이미지의 가로 길이를 지정하는 옵션

이미지 가로 길이는 가로 크기를 픽셀값으로 지정합니다.

 

[HEIGHT=이미지 세로 길이] : 이미지의 세로 길이를 지정하는 옵션

이미지 세로 길이는 세로 크기를 픽셀값으로 지정합니다.

 

1. 선 그리기란 홈 페이지에 내용을 입력할 때 특정 내용을 분리하기 위하여 그려넣는 직선을 말합니다. [본문으로]