비디오: HTML - 이미지 : img (칠월 2024)

비디오: HTML - 이미지 : img (칠월 2024)
Anonim

이미지를 추가하여 웹 사이트를 멋지게 꾸밀 수 있습니다. 당신은 HTML 파일에 이미지를 삽입 할 수 있습니다.

HTML.credit을 사용하여 웹 페이지에 이미지 추가하기 : Microsoft 제공

HTML file.credit 열기 : Microsoft 제공

메모장 또는 웹 개발 소프트웨어와 같은 텍스트 편집기에서 이미지를 추가 할 웹 페이지의 HTML 파일을 엽니 다.

추가 태그를 지정하고 이미지의 소스 인 src.credit를 지정하십시오. Microsoft 제공

추가

alt 속성을 사용하여 설명 텍스트를 추가합니다 .credit : Microsoft 제공

더하기 대체 귀하의 속성

높이와 너비를 추가하십시오 .credit : Microsoft 제공

이미지 크기를 픽셀 단위로 지정하십시오. 신장 속성. 크기를 지정하지 않으면 브라우저는 페이지가로드 될 때 이미지를 남길 공간을 알 수 없습니다. 그 결과 텍스트가 먼저로드되고 이미지의 작은 공간이 남은 다음 페이지가로드되면서 페이지가 로딩되어 공간이 확장됩니다. 지정된 치수를 사용하여 브라우저는 페이지의 다른 요소 사이에 정확하게 적절한 공간을 두어 로딩이 완료되면 이미지를 채 웁니다.

브라우저에 HTML 파일을로드하여 image.credit를 테스트합니다. Google의 호의

코드를 테스트하여 브라우저에서 HTML 파일을 열어 이미지가 올바른 위치에 표시되는지 확인하십시오.

HTML로 이미지를 삽입하는 법