The comments are available to see the functionality of the codes.
Try these codes and see the implement in my previous post in this blog.
If you have any question, feel free to contact me.
Thanks
--- Md Ferdouse Hossain Bhuiya
<html>
<head>
<!--<meta> tags are typically used to specify character set, page description,
keywords, author of the document, and viewport settings.-->
<meta charset="utf-8">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Md Ferdouse Hossain Bhuiya">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Best Story Book Ever I read</title>
</head>
<p>In our life we read a lots of books but all are not favourite.
Some books can touch our heart and can remember in our whole life.
Here is a list of some fantastic books. </p>
<body>
<style>
table {
border: 1px solid black;
font-family: arial, sans-serif;
width: 100%;
}
td, th {
border: 1px solid #eee;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
<table>
<tr>
<caption>List of my favorite Books:</caption>
<br>
<th>Name fo Novel</th>
<th>Writer</th>
</tr>
<tr>
<td>Devdas</td>
<td>Sarat Chandra Chattopadhyay</td>
</tr>
<tr>
<td>Shesher Kabita </td>
<td>Rabindranath Tagore</td>
</tr>
<tr>
<td>Durgeshnandini </td>
<td>Bankim Chandra Chattopadhyay</td>
</tr>
<tr>
<td>Pather Panchali</td>
<td>Bibhutibhushan Bandyopadhyay</td>
</tr>
<tr>
<td>Lalsalu</td>
<td>Syed Waliullah</td>
</tr>
</table>
<p>From all of these novels i mostly like the novel is "Pather Panchali".</p>
<h1>Pather Panchali: The Song of the Road</h1>
<p>
<h4>The name of the book, what i am telling about is: </h4>
<h4>Pather Panchali: The Song of the Road</h4>
<h4>Written by: Bibhutibhushan Bandyopadhyay. 1929.</h4>
</p>
<!-- Calling image from a folder-->
<img src="https://i.pinimg.com/originals/b1/0d/c8/b10dc8c3a1ba57b9d86900b0312bb27c.jpg" alt="Book Cover">
<!-- to make heading bold and italic, we can use <em> and <strong> tags-->
<p><strong><em> <h3>About the story:</em></strong></h3></p>
<p>Taking up the lives of the Roy family – the father an itinerant priest,
the mother the classic housewife,
and their two children – in a Bengal village named Nischindipur
and then in the city of Benaras,
this multilayered novel is a superb depiction of the struggle of an entire generation of rural Indians,
not just to survive but also to overcome the hardships imposed on them in order to find their true selves.</p>
<br>
<p>Both bitter and sweet in its accounts of life and relationships in the village and then in the city,
the novel provided a cast of memorable characters both representative and individualistic.
A lyrical and yet down-to-earth style marked a significant departure from the effusive prose favoured by Tagore and the dramatic format that Chattopadhyay had picked as its own.
Very few novels can forge the kind of bond with readers that this one does.</p>
<br>
<!-- Used a link to divert in other webpage-->
<a href="https://en.wikipedia.org/wiki/Pather_Panchali">Read More...</a>
<br>
<br>
<br>
<p>A film was made on this basis of this novel, the trailor is available here:</p>
<p>To Watch the Trailer:</p>
<!--To watch a Youtube, impose the link-->
<iframe width="500" height="300" src"<iframe width="853" height="480" src="https://www.youtube.com/embed/op86dIWlKEc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture""></iframe>
<br>
<br>
<!-- Audio input we can impose in a webpage also, the tags are like this--->
<audio controls>
<source src="http://download.music.com.bd/Music/L/Lata%20Mangeshkar/001%20-%20Lata%20Mangeshkar%20-%20Bolchi%20Tomer%20Kane%20Kane%20(music.com.bd).mp3" type="audio/mpeg">
</audio>
<!-- We can use the Radio button for options, the codes are like this--->
<br>
<input type="radio" id="like" name="Opinion" value="Like">
<label for="like">Like this Story</label>
<br>
<input type="radio" id="Dislike" name="Opinion" value="Dislike">
<label for="Dislike">Don't Like this story</label>
<br>
<input type="radio" id="other" name="Opinion" value="other">
<label for="other">Other</label>
<br>
<br>
<input type="submit" value="Submit">
<br>
<!--Put a footer in the page---->
<footer>
<p>Posted by: Md Ferdouse Hossain Bhuiya.</p>
<p>Contact information: <a href="mailto:ferdousbhuiya@ieee.org">
Email</a>.</p>
</footer>
</body>
</html>
No comments:
Post a Comment