<!DOCTYPE html>
<html>
<head>
<title>나의 소개</title>
<style>
body{
background-color : #d7d0e3;
color : green;
margin-left : 40px;
margin-right : 40px;
}
h3{
text-align : center;
color : blue;
}
hr{
height : 5px;
border : 3px solid grey;
background-color : grey
}
span{
color : brown;
font-size : 20px;
}
</style>
<script>
function show(){
document.getElementById("fig").src = "shrek.png";
}
function hide(){
document.getElementById("fig").src = "";
}
</script>
</head>
<body>
<h3 onmouseover="show()" onmouseout="hide()">슈렉</h3>
<hr>
<div>
<img id="fig" src="">
</div>
저는 대한민국에서 태어나서 컴퓨터 공학 을 전공하는 학생입니다.
제가 제일 좋아하는 과목은 <span>웹 프로그래밍</span>이고,
그 중에서도 <span>자바스크립트</span>를 제일 잘합니다.
</body>
</html>슈렉
Open Challenge01.html
0.00MB
shrek.png
0.05MB
*이미지파일과 html파일을 같은 경로에 있으면 된다.
'웹 프로그래밍 > 명품 웹 프로그래밍 답안' 카테고리의 다른 글
| 2장 실습문제 정답 (0) | 2022.05.02 |
|---|---|
| 2장 연습문제 정답 (0) | 2022.02.03 |
| [명품 웹 프로그래밍]Open Challenge 02 (0) | 2022.02.03 |
| 1장 연습문제&실습문제 정답 (0) | 2022.01.27 |
