js-project/chapter4.html at master · why2cs/js-project · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Image Gallery</title>
    <link rel="stylesheet" href="styles/layout.css" media="screen"/>
</head>
<body>
    <h1>Snapshots</h1>
    <ul id="gallery">
        <li>
            <a href="images/beijilang.jpg" title="A Wolf in Beiji">BeijiWolf</a>
        </li>
        <li>
            <a href="images/changjinglu.jpg" title="A changjinglu in forest">Changjing Lu</a>
        </li>
        <li>
            <a href="images/xiniu.jpg" title="A xiniu in river">XiNiu</a>
        </li>
        <li>
            <a href="images/yingwu.jpg" title="A Carton Pic of Yingwu">Ying Wu</a>
        </li>
    </ul>
    <p id="description">choose a pic</p>
    <img id="placeholder" src="images/placeholder.jpg" alt="the placeholder area">

    <script type="text/javascript" src="scripts/showPic.js"></script>
</body>
</html>