HTML에서 이미지 태그는 이미지를 정의하는 데 사용되는 태그, 즉 "" 태그를 의미합니다. img 요소는 이미지를 웹 페이지에 포함할 수 있습니다. "" 태그는 참조된 이미지에 대한 자리 표시자를 만들고 이미지를 HTML 페이지에 연결하는 데 사용됩니다. src 속성을 사용하여 URL을 지정합니다. 이미지를 표시하려면 "" 구문을 사용하세요.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
html에서 이미지 태그는 이미지를 정의하는 데 사용되는 태그, 즉 "" 태그를 의미합니다.
HTML 태그
태그는 HTML 페이지의 이미지를 정의합니다.
태그에는 src와 alt라는 두 가지 필수 속성이 있습니다.
참고: 기술적으로 이미지는 HTML 페이지에 삽입되지 않지만 링크됩니다. 태그는 참조된 이미지에 대한 자리 표시자를 만듭니다.
팁: 태그를 태그 안에 중첩하여 다른 문서에 대한 링크를 추가하세요.
속성 값:
Attribute | value | Description |
---|---|---|
align | top 하단 중간 왼쪽 그렇죠 |
HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 주변 텍스트를 기준으로 이미지가 정렬되는 방식을 지정합니다. |
alt | text | 이미지의 대체 텍스트를 지정합니다. |
border | pixels | HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 이미지 주위의 테두리를 지정합니다. |
crossorigin | 익명 use-credentials |
이미지의 도메인 간 속성을 설정하세요 |
height | pixels | 이미지의 높이를 지정하세요. |
hspace | pixels | HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 이미지의 왼쪽과 오른쪽 여백을 지정합니다. |
ismap | ismap | 은 이미지를 서버측 이미지 맵으로 지정합니다. |
longdesc | URL | HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 긴 이미지 설명 문서가 포함된 URL을 가리킵니다. |
src | URL | 이미지를 표시할 URL을 지정합니다. |
usemap | #mapname | 은 이미지를 클라이언트 측 이미지 맵으로 정의합니다. |
vspace | pixels | HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 이미지 상단과 하단의 여백을 지정합니다. |
width | pixels | 이미지의 너비를 지정합니다. |
예:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" alt="Smiley face" width="200"> </body> </html>
[추천 튜토리얼: "html 비디오 튜토리얼"]
위 내용은 HTML에서 이미지 태그는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!