notice_hover.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="notice_hover.css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css">
    <style>
        ul{list-style:none; }
        *{font-family:'NanumSquare';}
    </style>
</head>
<body>
    <div class = "notice_hover">
        <h4></h4>
        <ul> 
            <li>
                <a href = "#">
                    <span><img src = "이미지01.png" alt = "이미지1" width = "250" height = "200" /> <em>바로가기</em></span>
                    <strong>교수님</strong>
                </a>
            </li>
            <li>
                <a href = "#">
                    <span><img src = "이미지02.png" alt = "이미지2" width = "250" height = "200" /> <em>바로가기</em></span>
                    <strong>강의</strong>
                </a>
            </li>
            <li>
                <a href = "#">
                    <span><img src = "이미지03.png" alt = "이미지3" width = "250" height = "200" /> <em>바로가기</em></span>
                    <strong>강의평 입력</strong>
                </a>
            </li>
        </ul>
    </div> 
</body>
</html>