728x90
반응형
| 실행창 | |
![]() |
![]() |
<코드>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>나의 소개</title>
<style>
*{background: lavender;}
h3 {color: darkblue; text-align: center; font-size: 20px;}
hr {border: 6px solid gray; background: gray;}
div {color: green;}
span {color: red; font-size: 25px;}
</style>
<script>
function show() {
document.getElementById("fig").src = "media/shrek.png"
}
function hide() {
document.getElementById("fig").src = "";
}
</script>
</head>
<body>
<h3 onmouseover="show()" onmouseout="hide()">슈렉</h3>
<hr>
<div><img id="fig" src=""></div>
<div>저는 대한민국에서 태어나서 컴퓨터 공학을 전공하는 학생입니다. 제가 제일 좋아하는 과목은 <span>웹 프로그래밍</span>이고, 그 중에서도 <span>자바스크립트</span>를 제일 잘합니다.</div>
</body>
</html>
▶ 복습 필요
- script, function 기능
'웹개발' 카테고리의 다른 글
| [명품 웹 프로그래밍] 8장 실습문제 5, 카드 넘기기 (0) | 2021.12.11 |
|---|---|
| [명품 웹 프로그래밍] 8장 실습문제 3, 빈 칸 채우기 / 숨기기 (0) | 2021.12.11 |
| [명품 웹 프로그래밍] OpenChallenge 5, CSS3로 태그 배치하기 (0) | 2021.10.19 |
| [명품 웹 프로그래밍] OpenChallenge 4, CSS3 모양 꾸미기 (0) | 2021.10.19 |
| [명품 웹 프로그래밍] OpenChallenge 3, 구조화 및 웹 폼 삽입 (0) | 2021.10.19 |

