본문 바로가기
웹프로그래밍/웹프로그래밍수업

(1)1장_이론_1_HTML/ HTML + CSS / HTML + CSS + JavaScript 코드 분석

by 코잼민 2024. 9. 11.

##노트 정리 사진 :

 

 

 

 

 

##코드 :

 

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