웹개발
[명품 웹 프로그래밍] OpenChallenge1, 자기소개 HTML 만들기
hatch
2021. 10. 19. 20:13
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 기능