##노트 정리 사진 :
##코드 :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<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 = "C:/Users/cywor/Desktop/대학 수업/웹프로그래밍/실습폴더/1장/ElvisPresley.png";
}
function hide()
{
document.getElementById("fig").src = "";
}
</script>
</head>
<body>
<h3 onmouseover="show()" onmouseout="hide()">
Elvis Presley</h3>
<hr>
<div>
<img id = "fig" src = "" width="300" height="400">
</div>
He was an American singer and actor. In November 1956, he made his film debut in
<span>
Love Me Tender
</span>
.
He is often referred to as
"<span>
the King of Rock and Roll
</span>".
</body>
</html>
|
cs |
'웹프로그래밍 > 웹프로그래밍수업' 카테고리의 다른 글
(6)2장_이론_5_HTML의 태그의 구성_5 (0) | 2024.09.13 |
---|---|
(4)2장_이론_3_HTML의 태그의 구성_3 (0) | 2024.09.13 |
(3)2장_이론_2_HTML의 태그의 구성_2 (2) | 2024.09.13 |
[부록]2장_비정형 표 만들기 (0) | 2024.09.13 |
(2)2장_이론_1_HTML의 태그의 구성_1 (0) | 2024.09.12 |