HTML 4편

11974 단어 htmlhtml

지금까지 배운 내용들로, 간단한 음악 재생기를 만들어보자

  • <hr> : 가로 선을 추가해주는 태그.
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Music Player</title>
    </head>
    <body>
        <table width = "300" border ="1">
            <tr>
                <td><h2>나의 선호곡 목록</h2>
                    <hr/>
                    <ol>
                        <li><img src ="사진 링크" width ="80"><a href="#">Clean</a></li>
                        <li><img src ="사진 링크" width ="80"><a href="#">The Very First Night</a></li>
                        <li><img src ="사진 링크" width ="80"><a href="#">illicit affair</a></li>
                        <li><img src ="사진 링크" width ="80"><a href="#">Getaway Car</a></li>
                        <li><img src ="사진 링크" width ="80"><a href="#">Cruel Summer</a></li>
                    </ol>
                    <audio src ="음원의 링크" controls = "controls"></audio>

                </td>
            </tr>
        </table>
    </body>
</html>
실행 화면

좋은 웹페이지 즐겨찾기