NOAA-Style Climate Reports


Report for 2021
<article class="report-container">
  <header>
    <h2>Annual Climatological Summary for 2021</h2>
    <p>Name: <b>Cactus Wren</b> City: <b>Phoenix</b> State: <b>Arizona</b></p>
    <p>Elevation: <b>1227 ft</b> Latitude: <b>N 33° 34' 20"</b> Longitude: <b>W 112° 08' 20"</b></p>
  </header>
  <section>
    <header>
      <h3>Temperature (°F)</h3>
    </header>
    <table class="report-table">
      <tr class="underline">
        <th>Month</th>
        <th>Mean<br>Max<br>Temp</th>
        <th>Mean<br>Min<br>Temp</th>
        <th>Mean<br>Temp</th>
        <th>Depart.<br>from<br>Norm</th>
        <th>Heating<br>Degree<br>Days</th>
        <th>Cooling<br>Degree<br>Days</th>
        <th>High<br>Temp</th>
        <th>High<br>Temp<br>Date</th>
        <th>Low<br>Temp</th>
        <th>Low<br>Temp<br>Date</th>
        <th>Max<br>Temp<br>>=<br>80</th>
        <th>Max<br>Temp<br><=<br>32</th>
        <th>Min<br>Temp<br><=<br>32</th>
        <th>Min<br>Temp<br><=<br>0</th>
      </tr>
      </tr>
        <td>1</td>
      </tr>
        <td>2</td>
      </tr>
        <td>3</td>
      </tr>
        <td>4</td>
      </tr>
        <td>5</td>
      </tr>
        <td>6</td>
      </tr>
        <td>7</td>
      </tr>
        <td>8</td>
      </tr>
        <td>9</td>
      </tr>
        <td>10</td>
      </tr>
        <td>11</td>
      </tr>
        <td>12</td>
      <tr class="totals">
        <td><b>Annual</b>:</td>

      </tr>
    </table>
  </section>
  <section>
    <header>
      <h3>Precipitation (in)</h3>
    </header>
    <table class="report-table">
      <tr class="underline">
        <th>Month</th>
        <th>Total<br>Rain</th>
        <th>Depart.<br>from<br>Norm</th>
        <th>Max<br>Obs.<br>Day</th>
        <th>Max<br>Obs.<br>Date</th>
        <th>Days<br>>=<br>0.01</th>
        <th>Days<br>>=<br>0.10</th>
        <th>Days<br>>=<br>1.00</th>
      </tr>
      <tr>
        <td>1</td>
      </tr>
      <tr>
        <td>2</td>
      </tr>
      <tr>
        <td>3</td>
      </tr>
      <tr>
        <td>4</td>
      </tr>
      <tr>
        <td>5</td>
      </tr>
      <tr>
        <td>6</td>
      </tr>
      <tr>
        <td>7</td>
      </tr>
      <tr>
        <td>8</td>
      </tr>
      <tr>
        <td>9</td>
      </tr>
      <tr>
        <td>10</td>
      </tr>
      <tr>
        <td>11</td>
      </tr>
      <tr>
        <td>12</td>
      </tr>
      <tr class="totals">
        <td>Annual:</td>

    </table>
  </section>
  <section>
    <header>
      <h3>Wind Speed (mph)</h3>
    </header>
    <table class="report-table">
      <tr>
        <th>Month</th>
        <th>High<br>Avg.</th>
        <th>High<br>Gust</th>
        <th>High<br>Gust<br>Date</th>
        <th>Dominant<br>Wind<br>Dir</th>
      </tr>
      <tr>
        <td>1</td>
      </tr>
      <tr>
        <td>2</td>
      </tr>
      <tr>
        <td>3</td>
      </tr>
      <tr>
        <td>4</td>
      </tr>
      <tr>
        <td>5</td>
      </tr>
      <tr>
        <td>6</td>
      </tr>
      <tr>
        <td>7</td>
      </tr>
      <tr>
        <td>8</td>
      </tr>
      <tr>
        <td>9</td>
      </tr>
      <tr>
        <td>10</td>
      </tr>
      <tr>
        <td>11</td>
      </tr>
      <tr>
        <td>12</td>
      </tr>
      <tr class="totals">
        <td><b>Annual</b>:</td>
        <td>E</td>
      </tr>
    </table>
  </section>
</article>