Skip to content

Instantly share code, notes, and snippets.

@MavenOfCode
Created December 28, 2017 23:12
Show Gist options
  • Save MavenOfCode/e7ede538b23ad72ff028f46f58be234a to your computer and use it in GitHub Desktop.
Save MavenOfCode/e7ede538b23ad72ff028f46f58be234a to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Spin-off of "HTML tables - My Pets"</title>
</head>
<style>
thead{color: rgb(71, 17, 247);}
thead{text-align:left;}
table{border-spacing:7px;}
td,th{padding:7px;}
table,td,th{border:1px solid blue;}
table{border-collapse: collapse;}
th{background-color: rgb(209, 207, 209);}
</style>
<body>
<h1>My Past and Current Pets</h1>
<ul>
<li>Harley</li>
<li>Ducati</li>
<li>DotDotDash</li>
<li>Massimo</li>
<li>Bob</li>
<li>Socks</li>
<li>Cinder</li>
<li>Sumi</li>
<li>Izzy & Moe</li>
</ul>
<table>
<thead>
<tr>
<th>Pet name</th>
<th>Species</th>
<th>Color</th>
<th>Age</th>
<th>Past or Present Pet?</th>
<th>Nickname(s)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Harley</td>
<td>cat</td>
<td>Brown tabby</td>
<td>18 months</td>
<td>Present :)</td>
<td>Harley Barley; Har-Bar; Harley Barley Boo</td>
</tr>
<tr>
<td>Ducati</td>
<td>cat</td>
<td>Black</td>
<td>11 months</td>
<td>Present :)</td>
<td>Duke; The Duke</td>
</tr>
<tr>
<td>DotDotDash</td>
<td>cat</td>
<td>Black and white tuxedo</td>
<td>10 years</td>
<td>Past :(</td>
<td>DotDot; DD; Doodle bug</td>
</tr>
<tr>
<td>Massimo</td>
<td>cat</td>
<td>Grey and white tuxedo</td>
<td>2.5 years</td>
<td>Past :(</td>
<td>Masi; Mo; Momo</td>
</tr>
<tr>
<td>Bob</td>
<td>cat</td>
<td>Black</td>
<td>15 years</td>
<td>Past :(</td>
<td>Bunny; Oboe</td>
</tr>
<tr>
<td>Socks</td>
<td>cat</td>
<td>Mackrel tabby with white feet and belly</td>
<td>16 years</td>
<td>Past :(</td>
<td>Soxer boxer</td>
</tr>
<tr>
<td>Cinder</td>
<td>cat</td>
<td>Black</td>
<td>18 years</td>
<td>Past :(</td>
<td>Cindi; Cinderella</td>
</tr>
<tr>
<td>Sumi</td>
<td>dog</td>
<td>Fawn with black tips on ears & tail </td>
<td>14 years</td>
<td>Past :(</td>
<td>None</td>
</tr>
<tr>
<td>Izzy & Moe</td>
<td>goldfish</td>
<td>Orange</td>
<td>1;3 years</td>
<td>Past :(</td>
<td>None</td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment