Assignment 1 Task 2

avatar
user_1373341
html
2 years ago
5.2 kB
9
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>
Editor is loading...