1. 바탕화면에 demo 폴더를 만드세요.

2. 예시1.html 파일을 그 demo 폴더로 옮기세요.

3. 예시1.html에서 사용하는 이미지들을 demo 폴더로 옮기세요.

4. demo 폴더 안의 이미지를 사용하도록 예시1.html의 소스를 수정하세요. 예컨대 demo 폴더 안에 foo 폴더가 있고 거기에 bar.jpg 이미지가 있다면, 그걸 띄울 때는 이렇게 합니다.

<!-- "상대경로"라는 것을 쓰는 것입니다. -->
<img src="./foo/bar.jpg" />

5. 하여튼 demo/예시1.html이 정상 작동하되, demo 폴더 안에 있는 자원(resources)만 가지고 작동하도록 소스를 수정하세요.

6. 이제 demo 폴더째로 압축을 해서 그 압축파일을 공유하세요. 압축을 푼 다음 예시1.html을 열면 된다고 알려주시면 됩니다.

아마 이 정도면 원하시는 것을 달성 가능할 겁니다.

PS. 이미지를 "보내지 않고" 보여주려면 어딘가 다른 곳에 저장한 다음 그걸 써야겠죠. 트위터, 페이스북 같은 곳에 이미지 업로드한 다음 그 URL을 쓰세요. 뭐 사실 억지를 쓰자면 이미지 base64 인코딩 기법 같은 것들이 있긴 합니다만 질문자님께 너무 버거운 이야기가 될 듯하여 생략합니다.

html을 외부 컴퓨터에서 열기 위해선 웹 서버를 사용해야 합니다. 주소는 http://{ip주소:포트} 로 시작하게 됩니다.

apache, nodejs, iis 등 웹 서버에 대한 내용을 확인하시기 바랍니다.

웹 서버를 사용하지 않고서는 파일을 보내지 않고 외부에서 열 방법은 없습니다.

html도, 이미지도 해당 위치에 파일이 없으면 열 수 없습니다.