html/자바 홈피에서 이미지...

spark1000의 이미지

HTML로 홈페이지 제작할 때요,

반드시 웹페이지 상에 저장돼 잇는 이미지만, HTML로 제작하는 홈페이지에 올려질 수 있는것 같은데,

그러면, 제가 만약, 어떤 페이지의 소스를 복사해서, 메모장에 .htm 으로 저장한다음, 브라우저 상에서 열면

제가 복사한 페이지 원본대로 똑같이 떠야 하잖아요.. 그런데, 이미지 있는 부분은, X 로 표시돼서

나오는데요, 그 말뜻은, 그 이미지 부분이 X 인 이유는,

그런데, 이미지 있는 부분은 X 박스 표시되고, (그 말은, 그 이미지가 그 홈페이지 제작 주인의 하드에 저장돼있다는 뜻인가요?)

한 번, 어떤 홈페이지의 소스보기 하시고, 복사하셔서, 메모장에 저장하시고, .htm 으로 저장하시고 Explorer로 띄워보세요

반드시 이미지 부분은 엑박 나오는데... 그것은, 그 이미지가, 그 홈페이지 주인의 하드에 저장돼있어서 그런가요?

spark1000의 이미지

파일1의 그림은, 그냥 아무 페이지이고요,

그 소스보기를 저장해서,

다시 explorer 로 띄워보면

파일2 처럼 페이지가 떠서요...^^;

그 이유는, 파일 1의 그림 파일이, 제 하드에 저장돼 있지 않아서인가요~?

그런데, HTML 서적에 보면, 이미지는,

반드시

웹페이지 상에 저장돼 잇는 것만 올 수 있다고 쓰여 있는데,

그러면, 제 하드에 저장돼 있지 않아도, 그 이미지가 떠야 되지 않나요?

보통들, 웹페이지에 저장되는 이미지 말고, 하드에 저장된 이미지도 홈페이지 제작에 쓸 수 있는 것인가요?

하드에 저장된 이미지를 홈페이지 제작에 쓰면, 저렇게 아무리 소스를 똑같이 복사해서 메모장에 .htm으로 저장해서 띄워봐도

이미지 부분이 엑박되는건가요?

댓글 첨부 파일: 
첨부파일 크기
Image icon 1.JPG0바이트
Image icon 2.JPG0바이트
shint의 이미지

주소가 잘못되었습니다..htm
. 점이 하나이거나
http:// 인데 http:/// 이거나... 확인해봐야겠는데요.

----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.

매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.

각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com

spark1000의 이미지

그게,,,

감사합니다, 답변해주셔서감사합니다

파일1 그림과

파일2 그림이 전혀 달라요...

똑같이 '주소가 잘못되었습니다' 의 페이지인데,

파일1의 그림은, 매우 깔끔한 페이지이고

파일2의 그림은, 정말 그 이미지가 다 깨진....

파일2의 그림은, 제가 파일1의 그림의 소스보기를 해서, 그것을 메모장으로 저장해서, explorer로 띄운 겁니다..

그런데, 제가 분명히 소스에서 무언가를 빼지도 더하지도 않았는데,

분명 쏘스보기를 하면, 파일1 페이지나, 파일2 페이지나 분명 똑같은 소스가 나오는데요,

파일2 페이지에서 엑박이 나오는 이유는...

이미지가, 제 하드에 저장돼 있지 않기 때문에,

이미지로 뜨지 않고, 저렇게 글씨만 나오는 것인지요...?

bushi의 이미지

웹서버는 상관없고,
웹클라이언트가 접근 가능한 경로에 있어야 합니다.

html 문서의 img 서식에 대해 공부하세요.
특히 img url 에 대해서요. 서버주소가 생략되어 있을 때 웹클라이언트가 어떤 규칙에 의해 img url 을 완성하는지 보시면 되겠습니다.

spark1000의 이미지

bushi 님 감사합니다

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.