Assignment 1 Task 2
user_1373341
html
a year ago
5.2 kB
5
Indexable
<!DOCTYPE html>
<html>
<head>
<style>
body {
background: lightblue;
}
ul.cast {
color: green;
font-size: 120%;
}
th {
background: darkred;
color: ghostwhite;
font-size: 130%;
}
ol.provider {
color: magenta;
font-size: 110%;
}
table {
width: 100%;
height: 100%;
}
td {
width: 35%;
padding: 30px;
border:2px;
border-color: darkred;
border-style: double;
border-width: 3px;
border-collapse: collapse;
border-spacing: 1px;
}
td#title {
text-align: center;
color: maroon;
font-size: 125%;
height: 50%;
}
img {
vertical-align: text-top;
height: 300px;
width: 200px;
}
</style>
</head>
<body>
<table>
<tr>
<th>Movie title</th>
<th>Cast</th>
<th>Streaming providers</th>
</tr>
<tr>
<td id="title">
<p>Animal Kingdom <br> <img src="animal_kingdom.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>James Frecheville</li>
<li>Ben Mendelsohn</li>
<li>Guy Pearce</li>
<li>Jacki Weaver</li>
<li>Joel Edgerton</li>
<li>Sullivan Stapleton</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Apple TV</li>
<li>Amazon Prime Video</li>
<li>Google Play Movies & TV</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>Mad Max <br> <img src="mad_max.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Mel Gibson</li>
<li>Joanne Samuel</li>
<li>Hugh Keays-Byrne</li>
<li>Steve Bisley</li>
<li>Tim Burns</li>
</ul>
</td>
<td>
<ol class="provider">
<li>YouTube</li>
<li>Stan</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>The Adventures of Priscilla, Queen of the Desert <br> <img src="The_Adventures_of_Priscilla.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Terence Stamp</li>
<li>Hugo Weaving</li>
<li>Guy Pearce</li>
<li>Bill Hunter</li>
<li>Sarah Chadwick</li>
<li>Mark Holmes</li>
<li>Julia Cortez</li>
</ul>
</td>
<td>
<ol class="provider">
<li>YouTube</li>
<li>Netflix</li>
<li>Disney+</li>
<li>ZEE5</li>
<li>Sony LIV</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>Picnic at Hanging Rock <br> <img src="Picnic_at_Hanging_Rock.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Rachel Roberts</li>
<li>Dominic Guard</li>
<li>Helen Morse</li>
<li>Jacki Weaver</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Plex</li>
<li>iFlix</li>
<li>Hoichoi</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>Wake in Fright <br> <img src="Wake_in_Fright.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Gary Bond</li>
<li>Donald Pleasence</li>
<li>Chips Rafferty</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Tubi</li>
<li>9Now</li>
<li>Binge</li>
<li>7plus</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>The Man from Snowy River <br> <img src="The_Man_from_Snowy_River.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Tom Burlinson</li>
<li>Terence Donovan</li>
<li>Kirk Douglas</li>
<li>Tommy Dysart</li>
<li>Bruce Kerr</li>
<li>David Bradshaw</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Foxtel</li>
<li>Crunchyroll</li>
<li>Google TV</li>
<li>10 Play</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>The Great Gatsby <br> <img src="The_Great_Gatsby.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Leonardo DiCaprio</li>
<li>Tasman Palazzi</li>
<li>Callan McAuliffe</li>
<li>Tobey Maguire</li>
<li>Carey Mulligan</li>
</ul>
</td>
<td>
<ol class="provider">
<li>BritBox</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>Crocodile Dundee <br> <img src="Crocodile_Dundee.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Paul Hogan</li>
<li>Linda Kozlowski</li>
<li>John Meillon</li>
<li>David Gulpilil</li>
<li>Mark Blum</li>
<li>Michael Lombard</li>
<li>Reginald VelJohnson</li>
<li>Terry Gill</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Paramount+</li>
<li>Viki</li>
<li>iQIYI</li>
<li>WeTV</li>
<li>Chorki</li>
<li>Bongo</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>Rabbit-Proof Fence <br> <img src="Rabbit-Proof_Fence.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Everlyn Sampi</li>
<li>Tianna Sansbury</li>
<li>Laura Monaghan</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Showmax</li>
<li>TBN</li>
</ol>
</td>
</tr>
<tr>
<td id="title">
<p>Gallipoli <br> <img src="Gallipoli.jpeg"></p>
</td>
<td>
<ul class="cast">
<li>Mark Lee</li>
<li>Mel Gibson</li>
<li>Bill Kerr</li>
<li>Harold Hopkins</li>
<li>Charles Yunupingu</li>
<li>Ron Graham</li>
<li>Gerda Nicolson</li>
</ul>
</td>
<td>
<ol class="provider">
<li>Netflix</li>
<li>ZEE5</li>
<li>Sony LIV</li>
<li>Hoichoi</li>
</ol>
</td>
</tr>
</table>
</body>
</html>