- 문제
- 코드
- 코드 수정 라인
- 결과
문제
코드
<!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 |