이미지를 HTML 코드로 변환하는 방법

키보드에 손 입력

컴퓨터 키보드에 남자의 손

이미지 크레디트: JatinderKumar/iStock/게티 이미지

HTML 코드의 몇 조각만으로 웹 페이지, 이메일 또는 기타 인터넷 기반 HTML 또는 XML 문서에 이미지를 포함할 수 있습니다. 이미지를 HTML 코드로 "변환"할 수는 없지만 이미지를 로컬로 저장하거나 특정 웹 주소에 저장한 다음 HTML 문서에서 이미지의 위치를 ​​지정할 수 있습니다. 이미지가 세로 및 가로로 표시되어야 하는 픽셀 크기를 지정할 수도 있습니다. 이미지를 HTML 코드로 변환하는 방법을 배우려면 계속 읽으십시오.

1 단계

이미지를 선택하세요. 모든 크기의 이미지가 될 수 있습니다.

오늘의 비디오

2 단계

이미지를 로컬 또는 온라인으로 저장합니다. 즉, 컴퓨터나 특정 웹 주소에 저장할 수 있습니다. 다른 사람들이 온라인으로 이미지를 볼 수 있게 하려면 웹 서버에 이미지를 업로드해야 합니다. 웹사이트 서버를 사용하거나 웹사이트가 없는 경우 Picasa 또는 기타 이미지 저장 및 공유 응용 프로그램을 사용해 보십시오. 사진이 저장된 URL을 기록해 두십시오.

3단계

HTML 문서를 엽니다. 이미지 태그와 이미지가 저장된 정확한 URL을 사용하세요. . 그러면 HTML 문서에 이미지가 포함됩니다. 사용자가 웹 브라우저나 다른 프로그램을 통해 해당 문서를 열면 이미지가 나타납니다.

4단계

표시하려는 이미지의 너비를 픽셀 단위로 조정합니다. 다시 말하지만, 이미지가 저장된 정확한 URL을 사용하십시오. 예를 들어, http://example.com/image.jpg" 너비=400>. 이것은 이미지의 기존 너비를 400픽셀로 늘리거나 줄입니다.

5단계

표시하려는 이미지의 높이를 픽셀 단위로 조정합니다. 예를 들어, . 이것은 이미지의 기존 높이를 700픽셀로 늘리거나 줄입니다.

6단계

필요에 따라 너비와 높이 조정을 결합합니다. 예를 들어, .

7단계

원하는 경우 이미지를 링크로 전환합니다. 이미지 태그가 포함된 앵커 태그를 사용합니다. 예를 들어, .