[그림을 보이게 하는 HTML태그]
< img src="이미지주소" >
이미지가 뜨지 않는다면 다음을 확인해봅니다.
1. 이미지 확장자가 정확합니까?
그림의 확장자를 확인합니다.
< img src="이미지주소" >에서 이미지주소는,
파일의 확장자까지 포함합니다.
그림파일의 이름이 '그림'이라고 하여
< img src="그림" >라고 쓰시면 이 태그는 해당 그림의 위치를
찾지 못합니다.
'그림'파일의 종류가 jpg 일 경우 < img src="그림.jpg" >로,
gif일 경우 < img src="그림.gif" >로 적어서 사용합니다.
2. 이미지 주소가 정확합니까?
자기 컴퓨터내에 있는 그림을 보이게 하는 것이라면
이미지 위치를 정확하게 확인해보시길 바랍니다.
만약 그림의 위치는 내 문서 이고 html파일의 위치는
바탕화면이라면 < img src="그림.jpg" >라고 하였을 때
그림을 보여주지 못합니다.
그림 파일이름만 적을 경우에는 html 문서와 그림파일이
같은 위치에 있어야 됩니다.
만약 html파일이 바탕화면에 있고, 그림은 바탕화면의 새 폴더 내에 있다면
< img src="세폴더\그림.jpg >라고 써 주셔야 합니다.
인터넷에 있는 그림의 경우에도 해당 주소를 정확하게
기록해야 합니다. 인터넷에 있는 그림은 마우스오른쪽클릭->속성 에서
주소(UIRL)부분에있는 값으로 사용하실 수 있습니다.
3. 이미지의 이름이 한글입니까?
한글이름을 가진 파일의 경우, 익스플로어(인터넷 창)에 따라
제대로 읽어올 수 없을수도 있습니다.
인터넷 창 상단의 도구->인터넷옵션->고급에 가셔서
'URL을 항상 UTP-8로 보냄' 이란 부분에 체크표시가 있는지
확인합니다. 만약 체크가 되어있다면 체크를 해제하시고 확인을 누릅니다.
4. html파일이 제대로 만들어졌습니까?
혹시 해당 html 문서의 아이콘모양이 메모장파일 아이콘 모양이
아닌지 확인합니다. 제대로 된 html문서라먼 아이콘 모양이
끝이 접힌 종이 위에 파란색으로 영어 e가 적힌 아이콘 모양
입니다. 만약 메모장 모양으로 되어있다면 파일 확장자가 잘못
된 것입니다. 해당 파일을 더블클릭하여 여신 후 (아마 웹문서로
안보이고 메모장이 열릴겁니다) 다른이름으로 저장을 누르시고
파일형식을 '모든 파일'로 선택하신 후 이름에 '하고싶은 이름.html'로
적은 후 확인버튼을 눌러보시길 바랍니다.
5. 태그의 사용위치가 올바릅니까? 꺽쇠를 바르게 사용하셨습니까?
img 태그는 <body>와 </body> 사이에서만 사용이 가능합니다
만약,
< html >
< head >
< img src="그림.jpg" >
< /head >
< body >
< /body >
< /html >
처럼 틀린 위치에 쓰게 되면 이미지가 나타나지 않게 됩니다.
그리고 오타가 있는지 확인합니다. 만약,
< html >
< head >
< /head >
< body
< img src="그림.jpg" >
< /body >
< /html >
처럼 body뒤에 > 가 하나 빠지게 되면
그 뒤에 쓰게 되는 태그는 적용되지 않게 됩니다.
< img src="이미지주소" >
이미지가 뜨지 않는다면 다음을 확인해봅니다.
1. 이미지 확장자가 정확합니까?
그림의 확장자를 확인합니다.
< img src="이미지주소" >에서 이미지주소는,
파일의 확장자까지 포함합니다.
그림파일의 이름이 '그림'이라고 하여
< img src="그림" >라고 쓰시면 이 태그는 해당 그림의 위치를
찾지 못합니다.
'그림'파일의 종류가 jpg 일 경우 < img src="그림.jpg" >로,
gif일 경우 < img src="그림.gif" >로 적어서 사용합니다.
2. 이미지 주소가 정확합니까?
자기 컴퓨터내에 있는 그림을 보이게 하는 것이라면
이미지 위치를 정확하게 확인해보시길 바랍니다.
만약 그림의 위치는 내 문서 이고 html파일의 위치는
바탕화면이라면 < img src="그림.jpg" >라고 하였을 때
그림을 보여주지 못합니다.
그림 파일이름만 적을 경우에는 html 문서와 그림파일이
같은 위치에 있어야 됩니다.
만약 html파일이 바탕화면에 있고, 그림은 바탕화면의 새 폴더 내에 있다면
< img src="세폴더\그림.jpg >라고 써 주셔야 합니다.
인터넷에 있는 그림의 경우에도 해당 주소를 정확하게
기록해야 합니다. 인터넷에 있는 그림은 마우스오른쪽클릭->속성 에서
주소(UIRL)부분에있는 값으로 사용하실 수 있습니다.
3. 이미지의 이름이 한글입니까?
한글이름을 가진 파일의 경우, 익스플로어(인터넷 창)에 따라
제대로 읽어올 수 없을수도 있습니다.
인터넷 창 상단의 도구->인터넷옵션->고급에 가셔서
'URL을 항상 UTP-8로 보냄' 이란 부분에 체크표시가 있는지
확인합니다. 만약 체크가 되어있다면 체크를 해제하시고 확인을 누릅니다.
4. html파일이 제대로 만들어졌습니까?
혹시 해당 html 문서의 아이콘모양이 메모장파일 아이콘 모양이
아닌지 확인합니다. 제대로 된 html문서라먼 아이콘 모양이
끝이 접힌 종이 위에 파란색으로 영어 e가 적힌 아이콘 모양
입니다. 만약 메모장 모양으로 되어있다면 파일 확장자가 잘못
된 것입니다. 해당 파일을 더블클릭하여 여신 후 (아마 웹문서로
안보이고 메모장이 열릴겁니다) 다른이름으로 저장을 누르시고
파일형식을 '모든 파일'로 선택하신 후 이름에 '하고싶은 이름.html'로
적은 후 확인버튼을 눌러보시길 바랍니다.
5. 태그의 사용위치가 올바릅니까? 꺽쇠를 바르게 사용하셨습니까?
img 태그는 <body>와 </body> 사이에서만 사용이 가능합니다
만약,
< html >
< head >
< img src="그림.jpg" >
< /head >
< body >
< /body >
< /html >
처럼 틀린 위치에 쓰게 되면 이미지가 나타나지 않게 됩니다.
그리고 오타가 있는지 확인합니다. 만약,
< html >
< head >
< /head >
< body
< img src="그림.jpg" >
< /body >
< /html >
처럼 body뒤에 > 가 하나 빠지게 되면
그 뒤에 쓰게 되는 태그는 적용되지 않게 됩니다.
'컴활용♡창고' 카테고리의 다른 글
| 글 그림을정렬하는방법 (0) | 2007.01.13 |
|---|---|
| MS-Office 따라잡기 (0) | 2007.01.13 |
| 배경 그림 사이트 (0) | 2007.01.10 |
| 이미지에 글씨넣기 (0) | 2007.01.10 |
| 글씨가 위로 올라가는 소스 (0) | 2007.01.10 |