HTML and CSS Reference
In-Depth Information
<tbody>
<tr>
<td>
<canvas class="audio"></canvas>
</td>
<td>
A Ridiculously Long Track Title
</td>
<td>
Track Artist
</td>
</tr>
<tr>
<td>
<canvas class="audio"></canvas>
</td>
<td>
A Ridiculously Long Track Title
</td>
<td>
Track Artist
</td>
</tr>
</tbody>
</table>
</div>
</section>
As you can see, there is a
canvas
element in the first column of each row. We
will be using HTML canvas to generate the play button and animate the
progress bar.
Finally, Listing 4-19 shows the closest cinemas block. This consists of a
div
with
a class of
map
. The Google Maps API will be used for this task.
Listing 4-19.
The Closest Cinemas Block
<section class="block" id="block-closest_cinemas">
<h3>Closest Cinemas</h3>
<div class="content">
<div class="map"></div>
</div>
</section>
