Skip to main content

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

이미지는 종종 웹 페이지에 추가되어 일반 텍스트 페이지에 비해 더 매력적이고 흥미로워 보입니다.HTML 이미지 태그를 사용하면 모든 웹 페이지에 이미지를 추가 할 수 있습니다.이 태그에는 여러 가지 속성 또는 특성이 있습니다.웹 페이지에 사용 된 파일은 모든 이미지 파일과 별도의 파일입니다.HTML 이미지 태그는 웹 브라우저를 표시 할 이미지의 특정 이미지 파일에 표시합니다.웹 페이지가 브라우저에 표시되면 해당 페이지를 구성하는 다른 파일과 함께 이미지 파일이 표시됩니다. html 이미지 태그의 코드는 다음과 같습니다.이미지 위치는 표시하려는 이미지의 파일 이름과 이미지가 저장되는 위치입니다.이미지가 올바르게 표시되도록이 정보를 올바르게 얻는 것이 중요합니다.웹 페이지에서 사용하려는 이미지의 구성 및 저장은 중요한 고려 사항입니다.이 경우 이미지를 참조하면 HTML 이미지 태그에 파일 이름 만 포함됩니다.웹 페이지에 여러 이미지가있는 경우 종종

이미지라고하는 하위 디렉토리를 만드는 것이 일반적입니다.이 경우 하위 디렉토리 이름도 태그에 포함됩니다.

예를 들어, 다음은 Tree, Filename Tree.jpg의 이미지를 웹 페이지에 삽입하기 위해 수행 할 작업이 있습니다.우리가 다른 웹 페이지 파일과 같은 장소에 트리 이미지를 저장 한 경우, HTML 이미지 태그는 lt; img src ' tree.jpg gt;.이미지 파일이 웹 페이지 디렉토리의 서브 디렉토리에 저장된 경우 태그는 lt; img src ' images/tree.jpg gt;로 변경됩니다.기억해야 할 것은 HTML 이미지 태그가 이미지 파일에 대한 참조 또는 경로를 제공한다는 것입니다.기본적으로 브라우저에 파일을 찾을 위치를 알려줍니다.

HTML 이미지 태그에는 포함하려는 이미지에 대해 지정할 수있는 여러 속성이 있습니다.속성은 태그 자체의 특성이므로 태그 내 또는 lt 사이에 사용됩니다.그리고 gt;.HTML 이미지 태그와 함께 사용되는 속성은 다음과 같습니다.페이지의 텍스트 (왼쪽, 오른쪽, 상단, 중간, 하단)와 관련하여 이미지가 정렬되는 방법을 지정합니다.대체 텍스트를 나타냅니다.이것은 매우 중요한 속성이며 모든 이미지에 포함되어야합니다.이미지

테두리 대신에 표시된 텍스트를 지정합니다. mdash;픽셀

  • 높이와 너비에 두께가 지정된 두께로 이미지에 테두리를 추가합니다. mdash;표시하려는 이미지의 너비와 높이를 정의하는 데 사용될 수 있으므로 이미지의 크기를 변경할 수 있습니다.이미지의 품질과 비율을 변경할 수 있으므로 이러한 속성을 사용하여 조심해야합니다.이미지 주위에 공백을 추가하는 데 사용됩니다.