For this assignment we had to create a table with a twist of putting our own content in it. My past experience with tables has always been very bland and boring so I was dreading this assignment. At first I had to do a little bit of research before starting the table. I completely forgot how to create one, but once I looked at enough sources and just started it, it was easy to get back into the flow of things. Building the table turned out to not be so bad after all, and creating lists of things that I liked made this assignment enjoyable. My code is shown below and you can see the table here.

<br/>
<!DOCTYPE hmtl>

<html>

<head>
<title>
</title>
</head>

<body style=”background-color:black; color: white; font-family: helvetica;”>

<table border=”0″; width=”100%”;>

<tr style=”background-color:teal;”>
<th >Things I like to watch</th>
<th>Favorite Scenic Places</th>
<th>Things I like to do</th>
</tr>

<tr align=”center”>
<td style=”background-color:black”>
<h3 style=”color:gold;”>Game of Thrones</h3>
<a href=”http://giphy.com”>
<img src=”http://i.giphy.com/11clOWGCHzWG7C.gif” width=”250px” height=”150px” >
</a>
</td>

<td style=”background-color:white”><h3 style=”color:gold;”>Brooklyn Bridge Park</h3>
<a href=”http://www.brooklynbridgepark.org/”> <img src=”http://66.media.tumblr.com/b3a5cc4db89414c481e3853b143096fe/tumblr_nvr59l3Cb41qcwc74o1_400.jpg” width=”200px” height=”200px”>
</a>
</td>

<td style=”background-color:black;”><h3 style=”color:gold;”>shopping</h3>
<a href=”https://www.amazon.com/”> <img src=”http://www.graywolfproductions.com/graywolfproductions/wp-content/uploads/2014/04/three_shopping_bags_400_clr_1756.png” width=”200px” height=”200px”>
</a>
</td>
</tr>

<tr align=”center”>
<td> <h3 style=”color:green;”>Stranger Things</h3>
<img src=”http://i.giphy.com/3o6Ztm0Lv2eAMmNiZq.gif” width=”250px” height=”150px”></td>
<td style=”background-color:white”><h3 style=”color:Green;”>The Highline</h3>
<img src=”http://bigapplevisitorscenter.com/wp-content/uploads/2013/05/high-line.jpg” width=”200px” height=”200px” >
</td>
<td><h3 style=”color:Green;”>Pinterest</h3>
<img src=”http://vectorlogofree.com/wp-content/uploads/2012/02/pinterest-vector-logo-400×400.png” width=”200px” height=”200px”></td>
</tr>

<tr align=”center”>
<td><h3 style=”color:cyan;”>Sense 8</h3>
<img src=”http://i.giphy.com/WH5OLkHotu6pW.gif”width=”250px” height=”150px”></td>
<td style=”background-color:white”><h3 style=”color:blue;”>The Botanical Garden</h3>
<img src=”http://0.tqn.com/d/weddings/1/5/t/BBGCranfordRoseGarden_02_full.jpg” width=”200px” height=”200px” >

</td>
<td><h3 style=”color:cyan;”>Cooking</h3>
<img src=”https://animalfreesouschef.files.wordpress.com/2016/01/veganchefhat.png” width=”200px” height=”200px”>

</td>
</tr>

<tr align=”center”>
<td><h3>Pretty Little Liars</h3>
<img src=”http://i.giphy.com/KDYIq1KdrUQg0.gif” width=”250px” height=”150px”></td>
<td style=”background-color:white”><h3 style=”color:black;”>Astoria Park</h3>
<img src=”http://denuevaphoto.com/wp-content/uploads/2015/08/27-12003-post/010-NYC-Elopement-Photographer-400×400.jpg” width=”200px” height=”200px” >
</td>
<td><h3 style=”color:white;”>Sewing</h3>
<img src=”https://s-media-cache-ak0.pinimg.com/236x/ae/92/c8/ae92c848fdb3ba54a35672105cd3d79c.jpg” width=”200px” height=”200px”></td>
</tr>

<tr align=”center”>
<td>
<h3 style=”color:red;”>The Vampire Diaries</h3>
<img src=”http://i.giphy.com/U4sdw7uDf5a3S.gif”width=”250px” height=”150px”></td>
<td style=”background-color:white”><h3 style=”color:red;”>Gantry Park</h3>
<img src=”https://www.locationscout.net/public/images/2015-10/new-york-city-skyline-usa_m.jpeg” width=”200px” height=”200px” ></td>
<td><h3 style=”color:red;”>Reading</h3>
<img src=”http://www.freepngimg.com/thumb/book/2-books-png-image-thumb.png” width=”200px” height=”200px”>
</td>
</tr>

<tr align=”center”>
<td><h3 style=”color:grey;”>The Originals</h3>
<img src=”http://i.giphy.com/7jh3C7IdcGbew.gif” width=”250px” height=”150px”></td>
<td style=”background-color:white”><h3 style=”color:grey;”>Musems</h3>
<img src=”http://www.citypass.com/img-de09383/products/new-york/thumbs/t-amnh.jpg” width=”200px” height=”200px”></td>
<td><h3 style=”color:grey;”>Instagram</h3>
<img src=”http://img.phone.baidu.com/public/uploads/store_8/a/c/2/ac220ba3a47a2a24c1750db0aa5bc02a_200x200.png” width=”200px” height=”200px”></td>
</tr>

<tr align=”center”>
<td><h3 style=”color:orange;”>The Fosters</h3>
<img src=”http://content.osn.com/bob//500×300/the-fosters-s3.jpg” width=”250px” height=”150px”></td>
<td style=”background-color:white”><h3 style=”color:orange;”>Apple Picking</h3>
<img src=”http://www.gannett-cdn.com/-mm-/8506678acaeeb4796e651227d533789862b66ad9/r=500×391&r=400×400&c=400×400/local/-/media/USATODAY/None/2014/10/09/635484538277890024-478717571.jpg” width=”200px” height=”200px”></td>
<td><h3 style=”color:orange;”>Tumblr</h3>
<img src=”http://lh3.googleusercontent.com/oZyggYWAGGKgqXaVtxctPdES99xZx-o4-UIVOxfgxVlIaGcKpEUBHB9wibO8QrjIaA=w200″ width=”200px” height=”200px”></td>
</tr>

<tr align=”center”>
<td></td>
<td></td>
<td></td>
</tr>

<tr align=”center”>
<td></td>
<td></td>
<td></td>
</tr>

<tr align=”center”>
<td></td>
<td></td>
<td></td>
</tr>

</table>

</body>

</html>

css.php