메뉴 건너뛰기

마우스를 올려도 사진이 안뜨는데 뭐가 잘못된걸까요우ㅜㅜㅠ 

 

<!DOCTYPE html>

<html>

<head>

<title>웹 페이지의 구성 요소</title> 

<style>

   body { background-color: linen; color: green; margin-left: 40px; margin-right: 40px;}

   h3 { text-align: center; color: darkred;}

   hr { height: 10px; border: solid grey; background-color: grey;}

   span { color: violet; font-size: 20px;} 

</style>

<script>

    function show() { 

        document.getElementById("fig").src ="test.png"; 

    }

    function hide() { 

        document.getElementById("fig").src = ""; 

    }

</script>

</head>

<body>

<h3>Elcis Presley</h3>

<hr>

<div><img id="fig" src=""></div> 

He was an American singer and actor. In November 1956,

he made his film debut in <span onmouseover="show()" onmouseout="hide()">Love Me Tender</span>.

He is often referred to as "<span>the King of Rock and Roll</span>".

</body>

</html>

?
  • ?
    관리자 2021.04.18 01:26

    코드에 혼란스러운 점이 있습니다.
    1. 첨부한 파일을 열어보니 두 가지 잘못된 부분이 있습니다.
    먼저 이미 파일은 이름이 test.png인데, 실습문제 1-4.html 파일에는 다음과 같이 파일 이름이 text.png로 잘못되었습니다.
    또한 fig가 fih로 잘못 타이핑되어 있습니다.
    document.getElementById("fih").src = "text.png"; ---> document.getElementById("fig").src = "test.png";

    오타는 스스로 찾으세요.

    3. 그런데 Q&A에 올라와 있는 html 파일의 소스에는 잘되어 있네요?

     

    4. 그리고 공도리는 멋진 직업입니다. 세상을 바꾸니까요!!!

  • ?
    나능냐공도리 2021.04.18 17:32
    앗 파일 이름은 제가 잘 찾기 위해 일부러 바꾸었습니다... 호홓 오타는 제가 분명히!!! 봤는데 제눈엔 보이지 않았싸와요... 감사합니당!!!

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18176
342 9 - 15 코드 개선 질문있습니다. 1 killchain 2021.06.17 130
341 6장 실습문제 4번 1 김성준 2021.06.16 252
340 6장 OPEN challenge 1 초보 2021.06.09 286
339 9장 실습문제 10번 질문이요 2 mmii 2021.06.07 202
338 6장 예제 6-2 질문 1 릴릴 2021.05.31 169
337 교과서 13장 연습문제 1 알고싶어요 2021.05.29 550
336 이벤트 흐름 1 궁금이 2021.05.28 99
335 8장 실습문제 8번 질문이요! 4 mmii 2021.05.28 283
334 14장 소스코드 제공에 대해 질문합니다. 1 질문자 2021.05.25 175
333 10장 예제 10-8에 오류가 있습니다. 1 file 삼오칠 2021.05.22 289
332 9장 예제 9-10질문입니다. 2 file 삼오칠 2021.05.14 365
331 6장 openchallenge 1 ㅇㅇ 2021.05.06 243
330 명품 수정판 HTML5+ CSS3+ Javascript 웹 프로그래밍 p.74 메타 데이터 <meta> 문의 1 mikael 2021.05.06 113
329 오류 - 6장 3.식과 연산자 - 비트 논리 연산 1 김성필 2021.04.27 138
328 4장 예제 4-17질문입니다. 1 file Escui 2021.04.22 143
» [명품 html5+ css3+ javascript 웹 프로그래밍 수정판] 1장 실습문제 4번 질문합니다... 2 file 나능냐공도리 2021.04.17 894
326 명품 html5+ 수정판 p.89 예제 2-21 파일 다운로드 링크 만들기 실행 오류 문의 1 file mikael 2021.04.15 196
325 명품 HTML5+ 수정판 2장 4번 문제 문의 1 file mikael 2021.04.14 518
324 명품 html5+ css3+ javascript 웹 프로그래밍 수정판 문제 실행 오류 문의 1 file mikael 2021.04.14 1158
323 2-21 예제 3 file Iwanteating 2021.03.25 156
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로