<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTU D3js HW01</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <script src="https://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<!-- page 4 -->
關&nbsp;&nbsp;關&nbsp;&nbsp;雎&nbsp;&nbsp;鳩<br>
在&nbsp;&nbsp;河&nbsp;&nbsp;之&nbsp;&nbsp;洲<br>
<!-- 註  解  此  行 -->
窈&nbsp;&nbsp;窕&nbsp;&nbsp;淑&nbsp;&nbsp;女<br>
君&nbsp;&nbsp;子&nbsp;&nbsp;好&nbsp;&nbsp;逑<br><br>

詩．周南．關睢

<!-- page 8 -->
<div>
<hr>
<h1>小王子</h1>
<p>然後他又回到狐狸那裡。</p>
<p>「再見了！」小王子說。</p>
<p>「再見了！」狐狸說。</p>
<blockquote>
「我的秘密很簡單：<strong>唯有心才能看得清楚，眼睛是看不到真正重要的東西的</strong>。」
</blockquote>
<p>小王子複述一遍：「真正的東西不是用眼睛可以看得到的。」</p>
</div>
<hr>
<!-- page 13 -->
<table border="1">
    <tr>
        <th colspan = "4">直轄市長辦公地址</th>
    </tr>
    <tr>
        <th>直轄市</th>
        <th>職稱</th>
        <th>姓名</th>
        <th>辦公地址</th>
    </tr>
    <tr>
        <td>臺北市</td>
        <td rowspan = "6">市長</td>
        <td>柯文哲</td>
        <td>臺北市信義區西村里市府路1號</td>
    </tr>
    <tr>
        <td>高雄市</td>
        <td>陳菊</td>
        <td>高雄市苓雅區晴朗里四維3路2號</td>
    </tr>
    <tr>
        <td>新北市</td>
        <td>朱立倫</td>
        <td>新北市板橋區中山路1段161號</td>
    </tr>
    <tr>
        <td>臺中市</td>
        <td>林佳龍</td>
        <td>臺中市西屯區臺灣大道3段99號</td>
    </tr>
    <tr>
        <td>臺南市</td>
        <td>賴清德</td>
        <td>臺南市安平區永華路2段6號</td>
    </tr>
    <tr>
        <td>桃園市</td>
        <td>鄭文燦</td>
        <td>桃園市桃園區光興里縣府路1號</td>
    </tr>
</table>
<hr>

<!-- page 17 -->
<a href="http://www.google.com/doodles/evidence-of-water-found-on-mars" target = "_new">
    <img src="http://www.google.com/logos/doodles/2015/evidence-of-water-found-on-mars-5652760466817024.2-hp2x.gif" alt="在火星上發現水存在的證據" width = "400">
</a>
<hr>
<!--02 page 58 -->
    <h1>一個1911~2016之間的數字</h1>
    <p id='num1'></p>
    <input type="button" onclick="launch()" value="啟動">
    <script>
        function launch(){
            var number = Math.floor(Math.random()*106)+1911;
            d3.select('#num1').text(number);
        }
        
    </script>


</body>
</html>