HTML 이미지 태그를 사용하는 올바른 방법은 무엇입니까?

웹 페이지에 이미지가 추가되어 일반 텍스트 페이지와 비교하여 더 매력적이고 흥미로워 보입니다. HTML 이미지 태그를 사용하면 모든 웹 페이지에 이미지를 쉽게 추가 할 수 있습니다. 이 태그에는 지정할 수있는 많은 속성 또는 특성이 있습니다.

웹 페이지에 이미지를 추가 할 때 이미지는 실제로 웹 페이지 자체를 구성하는 파일의 일부가 아님을 기억해야합니다. 웹 페이지에 사용 된 파일은 모든 이미지 파일과 별도의 파일입니다. HTML 이미지 태그는 웹 브라우저에서 표시하려는 이미지의 특정 이미지 파일을 나타냅니다. 웹 페이지가 브라우저에 표시되면 이미지 파일이 해당 페이지를 구성하는 다른 파일과 함께 표시됩니다.

HTML 이미지 태그의 코드는 <IMG SRC = "image location"/>입니다. 이미지 위치는 표시하려는 이미지의 파일 이름과 이미지가 저장된 위치입니다. 이미지가 올바르게 표시되도록하려면이 정보를 올바르게 가져야합니다. 웹 페이지에서 사용하려는 이미지의 구성 및 저장은 중요한 고려 사항입니다.

어떤 사람들은 자신의 이미지를 웹 페이지의 다른 모든 부분과 같은 디렉토리에 저장합니다. 이 경우 이미지를 참조 할 때 파일 이름 만 HTML 이미지 태그에 포함시킵니다. 웹 페이지에 다수의 이미지가있는 경우 일반적으로 images 라고하는 서브 디렉토리를 작성하는 것이 일반적입니다. 이 경우 서브 디렉토리 이름도 태그에 포함됩니다.

예를 들어, 트리 이미지 filename.jpg를 웹 페이지에 삽입하기 위해 수행 할 작업이 있습니다. 트리 이미지를 다른 웹 페이지 파일과 동일한 위치에 저장 한 경우 HTML 이미지 태그는 <IMG SRC = "tree.jpg">입니다. 이미지 파일이 웹 페이지 디렉토리의 하위 디렉토리에 저장된 경우 태그는 <IMG SRC = "images / tree.jpg">로 변경됩니다. 기억해야 할 것은 HTML 이미지 태그가 이미지 파일에 대한 참조 또는 경로를 제공한다는 것입니다. 기본적으로 브라우저는 파일을 찾을 위치를 알려줍니다.

HTML 이미지 태그에는 포함하려는 이미지에 지정할 수있는 여러 속성이 있습니다. 속성은 태그 자체의 특성이므로 태그 내에서 또는 <와> 사이에서 사용됩니다. HTML 이미지 태그와 함께 사용되는 속성은 다음과 같습니다.

• ALIGN — 페이지의 텍스트 (왼쪽, 오른쪽, 위쪽, 중간, 아래쪽)와 관련하여 이미지를 정렬하는 방법을 지정합니다.
• ALT — 대체 텍스트를 나타냅니다. 이것은 매우 중요한 속성이며 모든 이미지에 포함되어야합니다. 이미지 대신 표시되는 텍스트를 지정합니다.
• 테두리 — 두께를 픽셀 단위로 지정하여 이미지에 테두리를 추가합니다
• 높이 및 너비 — 표시 할 이미지의 너비와 높이를 정의하는 데 사용하여 이미지 크기를 변경할 수 있습니다. 이미지의 품질과 비율을 변경하여 이미지 품질이 저하 될 수 있으므로 이러한 속성을주의해서 사용하십시오
• VSPACE 및 HSPACE — 이미지 주위에 공백을 추가하는 데 사용됩니다.