Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
I just finished my assignment at Pirple.com. I would like to share the HTML codes that I wrote for the assignment. Current course that I am on is Frontend Fundamentals, Learn the basics of HTML and CSS with this quick and easy course. If you’re looking for a place to start your journey as a web-developer, then look no further. No prerequisites. No experience required. This course is self-paced but the assignments and tests are mandatory and cannot be skipped. On average, our students complete the whole course in 1-2 weeks.
On the course, I learn basic HTML and going to a CSS modul soon. These are the HTML codes I wrote for current assignment.
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<meta name="dcterms.created" content="Wed, 20 Jan 2021 02:15:02 GMT">
<meta name="description" content="my favourite books">
<meta name="keywords" content="interesting and fun books to read">
<title>Favourite Books</title>
<style type="text/css">
<!--
body {
color:#000000;
background-color:#FFFFFF;
background-image:url('Background Image');
background-repeat:no-repeat;
}
a { color:#0000FF; }
a:visited { color:#800080; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
-->
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Head Section -->
<header>
<h1><b><div align="center">These Are My Favourite Books</div></b></h1>
</header>
<!-- End of Head Section -->
<!-- Body Section -->
<article>
<center>
<table border="1" width="1000px" id="tmain">
<tr><!-- Row 6 -->
<td><h2>Books</h2></td><!-- Col 1 -->
<td><h2><div align="center">Description</div></h2></td><!-- Col 2 -->
</tr>
<tr><!-- Row 1 -->
<td><img / src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1586722975l/2767052.jpg"></td><!-- Col 1 -->
<td>
<p><h2>The Hunger Games</h2></p>
<p>by <cite>Suzanne Collins</cite></p>
<p>Could you survive on your own in the wild, with every one out to make sure you don't live to see the morning?
In the ruins of a place once known as North America lies the nation of Panem, a shining Capitol surrounded by twelve outlying districts.
The Capitol is harsh and cruel and keeps the districts in line by forcing them all to send one boy and one girl between the ages of twelve and eighteen to participate in the annual Hunger Games, a fight to the death on live TV.
Sixteen-year-old Katniss Everdeen, who lives alone with her mother and younger sister, regards it as a death sentence when she steps forward to take her sister's place in the Games.
But Katniss has been close to dead before—and survival, for her, is second nature.
Without really meaning to, she becomes a contender.
But if she is to win, she will have to start making choices that weight survival against humanity and life against love. </p></td><!-- Col 2 -->
</tr>
<tr><!-- Row 2 -->
<td> <img / src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1474154022l/3._SY475_.jpg"></td><!-- Col 1 -->
<td>
<p><h2>Harry Potter and the Sorcerer's Stone</h2></p>
<p>by <cite>J.K. Rowling, Mary GrandPré</cite> (Illustrator)</p>
<p>Harry Potter's life is miserable.
His parents are dead and he's stuck with his heartless relatives, who force him to live in a tiny closet under the stairs.
But his fortune changes when he receives a letter that tells him the truth about himself: he's a wizard.
A mysterious visitor rescues him from his relatives and takes him to his new home, Hogwarts School of Witchcraft and Wizardry.</p>
</td><!-- Col 2 -->
</tr>
<tr><!-- Row 3 -->
<td><img / src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1588455221l/13335037._SY475_.jpg"></td><!-- Col 1 -->
<td>
<p><h2>Divergent</h2></p>
<p>by <cite>Veronica Roth</cite></p>
<p>In Beatrice Prior's dystopian Chicago world, society is divided into five factions, each dedicated to the cultivation of a particular virtue—Candor (the honest),
Abnegation (the selfless), Dauntless (the brave), Amity (the peaceful), and Erudite (the intelligent).
On an appointed day of every year, all sixteen-year-olds must select the faction to which they will devote the rest of their lives.
For Beatrice, the decision is between staying with her family and being who she really is—she can't have both.
So she makes a choice that surprises everyone, including herself.</p>
</td><!-- Col 2 -->
</tr>
<tr><!-- Row 4 -->
<td><img / src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1586722941l/6148028.jpg"></td><!-- Col 1 -->
<td>
<p><h2>Catching Fire</h2></p>
<p>by <cite>Suzanne Collins</cite></p>
<p>Against all odds, Katniss Everdeen has won the Hunger Games.
She and fellow District 12 tribute Peeta Mellark are miraculously still alive.
Katniss should be relieved, happy even. After all, she has returned to her family and her longtime friend, Gale.
Yet nothing is the way Katniss wishes it to be. Gale holds her at an icy distance. Peeta has turned his back on her completely.
And there are whispers of a rebellion against the Capitol—a rebellion that Katniss and Peeta may have helped create.</p>
</td><!-- Col 2 -->
</tr>
<tr><!-- Row 5 -->
<td><div align="center"><img / src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1360206420l/11870085.jpg"></td></div><!-- Col 1 -->
<td>
<p><h2>The Fault in Our Stars</h2></p>
<p>by <cite>John Green</cite></p>
<p>Despite the tumor-shrinking medical miracle that has bought her a few years, Hazel has never been anything but terminal, her final chapter inscribed upon diagnosis.
But when a gorgeous plot twist named Augustus Waters suddenly appears at Cancer Kid Support Group, Hazel's story is about to be completely rewritten.</p>
</td><!-- Col 2 -->
</tr>
</table>
</center>
</article>
<!-- End of Body Section -->
<footer>
<div align="center"><div>
©
<span id="copyright">
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>
Kamarulzaman
</div></div>
</footer>
</body>
</html>The codes that i wrote is to show my favorite books and the books summary. Here are some elements that I used for the codes :
<table> – I am using it to make a post with two columns.
<header><article><footer> – To differentiate the title and the body of the codes.
<cite> – This code will default Italic your words.
<h2> – For text formatting and I am using it for book titles.
By the way, you can copy the above codes and paste it in Notepad and save it in .html format to show you what would it looks in a web browser.