사용 ![]()
꼬리표
웹 페이지의 HTML 코드에서 다음을 사용하여 이미지를 추가 할 수 있습니다. 꼬리표. 에서
태그를 사용하려면 네 가지 속성을 지정해야합니다.
- Src - 소스 속성은 이미지의 위치를 나타냅니다. 이미지가 사이트와 동일한 서버에 있지만 다른 사이트의 이미지에 절대 경로가 필요한 경우 상대 경로를 사용할 수 있습니다.
- Alt - 대체 텍스트 속성은 이미지에 대한 설명입니다.
- 너비 - 이미지 너비입니다.
- Height - 이미지 높이.
선택적 속성은 Border 이며 이미지 주위에 테두리를 지정할 수 있습니다. border 속성은 픽셀 크기로 정의됩니다. 예를 들어, border = 1을 태그는 이미지 주변의 경계가 1 픽셀 너비임을 의미합니다.
참고 : Border 속성은 HTML5에서 더 이상 사용되지 않으며 지원되지 않습니다.
예제들
다음 예제는이 페이지의 맨 위에 이미지를 추가하는 데 사용 된 실제 HTML을 보여줍니다. 페이지의 본문 어디에서나 삽입 할 수 있습니다. 이미지가 우리 서버에 저장되어 있기 때문에 첫 번째 URL의 길이가 더 짧습니다. 두 번째 방법은 당신이 우리의 이미지에 어떻게 링크시킬 것인가입니다.
예제 1
예제 2
웹 페이지에서 사용할 수있는 이미지 형식은 무엇입니까?
사진, 사진, 로고 및 기타 이미지에 사용할 가장 일반적인 이미지 형식은 JPEG, GIF 및 PNG입니다. BMP와 같이 널리 지원되지 않는 다른 이미지 형식은 모든 브라우저에서 작동하지 않을 수 있습니다.
img 태그의 속성에 따옴표가 필요합니까?
예. 오늘날의 브라우저는 일반적으로 속성 값과 관련된 따옴표가있는 오류를 수정할 수 있지만 오류를 방지하려면 항상 속성 값을 따옴표로 묶어야합니다.