HTML 이미지 태그를 사용하는 올바른 방법은 무엇입니까?
이미지는 종종 웹 페이지에 추가되어 일반 텍스트 페이지에 비해 더 매력적이고 흥미로워 보입니다. HTML 이미지 태그를 사용하면 모든 웹 페이지에 이미지를 추가 할 수 있습니다. 이 태그에는 또한 당신이 지정할 수있는 여러 속성 또는 특성이 있습니다.
웹 페이지에 이미지를 추가 할 때 이미지가 실제로 웹 페이지 자체를 구성하는 파일의 일부가 아니라는 점을 기억하는 것이 중요합니다. 웹 페이지에 사용 된 파일은 모든 이미지 파일과 별도의 파일입니다. HTML 이미지 태그는 웹 브라우저를 표시 할 이미지의 특정 이미지 파일에 표시합니다. 웹 페이지가 브라우저에 표시되면 해당 페이지를 구성하는 다른 파일과 함께 이미지 파일이 표시됩니다. < /p>
HTML 이미지 태그의 코드는 다음과 같습니다. . 이미지 위치는 표시하려는 이미지의 파일 이름과 이미지가 저장되는 위치입니다. 이미지가 올바르게 표시되도록이 정보를 올바르게 얻는 것이 중요합니다. 그만큼웹 페이지에서 사용하려는 이미지의 구성 및 저장은 중요한 고려 사항입니다.
어떤 사람들은 자신의 이미지를 웹 페이지의 다른 모든 부분과 동일한 디렉토리에 저장합니다. 이 경우 이미지를 참조하면 HTML 이미지 태그에 파일 이름 만 포함됩니다. 웹 페이지에 여러 이미지가있는 경우 종종 이미지 라는 하위 디렉토리를 만드는 것이 일반적입니다. 이 경우 서브 디렉토리 이름도 태그에 포함됩니다.
예를 들어, 다음은 웹 페이지에 트리, Filename Tree.jpg의 이미지를 삽입하기 위해 수행 할 작업이 있습니다. 다른 웹 페이지 파일과 같은 위치에 트리 이미지를 저장 한 경우 HTML 이미지 태그는 입니다. 이미지 파일이 웹 페이지 디렉토리의 서브 디렉토리에 저장된 경우 태그는
HTML 이미지 태그에는 포함하려는 이미지에 대해 지정할 수있는 여러 속성이 있습니다. 속성은 태그 자체의 특성이므로 태그 내 또는 <및> 사이에 사용됩니다. HTML 이미지 태그와 함께 사용되는 속성은 다음과 같습니다.
- 정렬 - 페이지의 텍스트와 관련하여 이미지가 어떻게 정렬되는지 지정합니다 (왼쪽, 오른쪽, 상단, 중간, 하단)
- alt - 대체 텍스트를 나타냅니다. 이것은 매우 중요한 속성이며 모든 이미지에 포함되어야합니다. 이미지 대신 표시되는 텍스트를 지정합니다
- 테두리 - 픽셀로 지정된 두께 와 함께 이미지에 테두리를 추가합니다.
- 높이와 너비 - 표시가 원하는 이미지의 너비와 높이를 정의하는 데 사용될 수 있으므로 SIZ를 변경할 수 있습니다.이미지의 e. 이미지의 품질과 비율을 변경할 수 있으므로 이러한 속성을 사용하여 조심하십시오.
- vspace 및 hspace - 이미지 주위에 공백을 추가하는 데 사용됩니다.