<!DOCTYPE html>
<head>
<title>자기소개</title>
<style>
body {background-color: antiquewhite; color: black; margin-left: 40px; margin-right: 40px;}
h3 {text-align: center; color: orange;}
hr {height: 5px; border: solid grey; background-color: grey;}
span {color: orange; font-size: 20px;}
</style>
<script>
function show() {
document.getElementById("fig").src="1.png";
}
function hide() {
document.getElementById("fig").src="";
}
</script>
</head>
<body>
<h3 onmouseover="show()" onmouseout="hide()">망나뇽</h3>
안녕하세요, 저는 <span>프론트엔드 개발자</span>가 되기 위해 열심히 공부중인 망나뇽 입니다.
<div><img id="fig" src=""></div>
</body>
</html>
onmouseout
onmouseover