• 문제
  • 코드
  • 코드 수정 라인
  • 결과

 

문제

 

코드
EX_1_4.html
0.00MB

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>웹 페이지의 구성 요소</title>
    <style>
        body {
            background-color: linen;
            color: green;
            margin-left: 40px;
            margin-right: 40px;
        }

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

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

        span {
            color: blue;
            font-size: 20px;
        }
    </style>
    <script>
        function show() {
            document.getElementById("fig").src = "SCD.png";
        }
        function hide() {
            document.getElementById("fig").src = "";
        }
    </script>
</head>


<body>
    <h3>
        Elvis 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>"
    </div>
</body>

</html>

 

코드 수정 라인

결과

 

저작자표시 비영리 동일조건

'프론트엔드 > HTML' 카테고리의 다른 글

[명품 HTML 5 + CSS3 + Javascript 웹 프로그래밍] 1장 실습 _ 3번  (6) 2023.01.10
[명품 HTML 5 + CSS3 + Javascript 웹 프로그래밍] 1장 오픈 챌린지  (2) 2023.01.10
상단으로

티스토리툴바