Battle Angel Photo Grid

Progress using Coding Academy continues. In my previous post I was groaning about having to go through basic HTML code I know by heart. However, now I’ve really committed those essentials to memory and it’s time to start moving on to more advanced concepts (by my standards anyway).

Tonight I created a photo grid using my newfound command of tables and placement. The project guidelines stated it could be anything so I settled on making a grid with images from Battle Angel Alita, a Japanese manga I used to read way back in high school.

Battle Angel Photo Grid
> AlitaLifeStages AlitaPonderingLife
AlitaBerserkerBody> AlitaScrapyardRecovery AlitaGuardDuty
AlitaDrawingGun AlitaVersusJashugan AlitaWarface

HTML:

<table>
<thead>
<th colspan=”3″ style=”font-family:Arial;font-size:30px;”>Battle Angel Photo Grid</th>
</thead>
<tr>
<td><img src=”http://cdn.collider.com/wp-content/uploads/battle-angel-alita.jpg&#8221; />></td>
<td><img src=”http://vignette4.wikia.nocookie.net/battleangel/images/b/b1/BAA09_139_Alita_4bodies.jpg/revision/latest?cb=20110118184229&#8243; alt=”AlitaLifeStages”></td>
<td><img src=”https://s-media-cache-ak0.pinimg.com/236x/4f/7c/68/4f7c68d40c8c20b867b955e5bf74943b.jpg&#8221; alt=”AlitaPonderingLife” /></td>
</tr>
<tr>
<td><img src=”https://fagamechal.files.wordpress.com/2014/09/battle-angel-alita1.jpg&#8221; alt=”AlitaBerserkerBody” />></td>
<td><img src=”http://cdn.hitfix.com/photos/6146830/Battle-Angel-Alita.jpg&#8221; alt=”AlitaScrapyardRecovery” /></td>
<td><img src=”https://s-media-cache-ak0.pinimg.com/236x/13/95/9b/13959bd6da6a2c12fb8a888df5b0e79a.jpg&#8221; alt=”AlitaGuardDuty” /></td>
</tr>
<tr>
<td><img src=”http://www.audioshocker.com/wp-content/uploads/2014/01/alita-v4-04.jpg&#8221; alt=”AlitaDrawingGun” /></td>
<td><img src=”http://www.audioshocker.com/wp-content/uploads/2013/12/alita-v4-3.jpg&#8221; alt=”AlitaVersusJashugan” /></td>
<td><img src=”http://img09.deviantart.net/2978/i/2012/151/b/d/battle_angel_alita___vector_wall_by_elclon-d51tvkx.png&#8221; alt=”AlitaWarface” /></td>
</tr>
</table>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s