Hell..o World..!! (너래쟁이)

실습문제 1-3

WEB/TRAINNING 2017. 11. 4. 19:19 |

본문에 있는 그림 1-13의 test2.html을 수정하여 다음과 같이 <span> 태그에 둘러쌓인 글자색을 violet으로 수정하고 <hr> 태그에 의해 출력되는 수평선의 두께를 10px로 변경하라.

<!DOCTYPE html>

<html>

<head>

    <title>웹 페이지의 구성 요소</title>

<style>

    body 

{

        background-color:linen;

        color:green;

        margin-left:40px;

        margin-right:40px 

}

h3

{

        text-align:center;

        color:darkred;

}

hr

    {    height:10px;

        border:solid grey;

        background-color:grey;

}

    span

{

        color:violet;

        font-size:20px;

}

</style>

<script>

    function show() { // <img>에 이미지 달기

        document.getElementById("fig").src = "a.png"

}

    function hide() { // <img>에 이미지 제거

        document.getElementById("fig").src= "";

}

</script>

</head>

<body>

    <h3>Elvis Presley</h3>

<hr>

    <div><img id="fig" src""></div>

    He was an American singer and actor. In November 1956,

    he made his film debut in <span onmouseover="show()" onmouseout="hide()">Love Me Tender</span>.

    He is often referred to as "<span>the King of Rock and Roll</span>"

</body>

</html>

Open Challenge 02. 컴퓨터 기술 소개 웹 페이지 : HTML 태그로 만들기 (0)	2017.11.04
실습문제 1-4 (0)	2017.11.04
실습문제 1-2 (0)	2017.11.04
실습문제 1-1 (0)	2017.11.04
Open challenge 01. 자기 소개 HTML 페이지 만들기 (0)	2017.11.04

Posted by 너래쟁이