Webrec

PROGRAM:
<!DOCTYPE html>
<head>
<link href="style.css" rel="stylesheet">
<style>
/*internal css */
h2 {
color: blue;
text-decoration: none;
background-color: antiquewhite;
border-radius: 5px;
padding-left: 10px ;
font-size: 30px;
}
</style>
<title>POPULAR WRITERS</title>
</head>
<body style="margin:30px;background-color:skyblue;">
<h1>POPULAR STORY WRITERS IN THE WORLD</h1>
<h2>1.WILLIAM SHAKESPEARE</h2>
<div>
<img
src="https://www.discoverwalks.com/blog/wp-content/uploads/2022/03/william-shakespeare-
wikipedia-816x1045.jpg">
<p>William Shakespeare was an English playwright, poet, and actor who is widely regarded as
the greatest writer
in
the English language and the world’s greatest dramatist. Shakespeare’s work has made a
lasting impression in
particular; he expanded the dramatic potential of characterization, plot, language, and genre.
<a
href="1.html">for
more info..</a></p>
</div>
<h2>2.CHARLES DICKENS</h2>
<div>
<img src="https://www.discoverwalks.com/blog/wp-content/uploads/2022/03/charles-dickens-
<p>Charles John Huffam Dickens was an English writer and social critic who created some of
the world’s
best-known
fictional characters and is regarded by many as the greatest novelist of the Victorian era.
Dickens’s
approach
to the novel is influenced by various things, including the picaresque novel tradition,
melodrama, and the
novel
of sensibility.<a href="2.html"
target="blank">for more info..</a></p>
</div>
<h2>3.AGATHA CHRISTIE</h2>
<div>
<img src="https://www.discoverwalks.com/blog/wp-content/uploads/2022/03/agatha-christine-
flickr.jpg">
<p>Dame Agatha Mary Clarissa Christie, Lady Mallowan, DBE was an English writer known
for her 66 detective
novels
and 14 short story collections, particularly those revolving around fictional detectives Hercule
Poirot and
Miss
Marple.<a href="3.html"
target="blank">for more info..</a></p>
</div>
<h2>4.LEO TOLSTOY</h2>
<div>
<img src="https://www.discoverwalks.com/blog/wp-content/uploads/2022/03/leo-tolstoy-
<p>Lev Nikolayevich Tolstoy was a Russian writer who is regarded as one of the greatest
authors of all time. His
fiction includes dozens of short stories and several novellas such as The Death of Ivan Ilyich
(1886),
Family
Happiness (1859), “After the Ball” (1911), and Hadji Murad (1912). He also wrote plays and
numerous
philosophical essays.<a
href="4.html" target="blank">for
more info..</a></p>
</div>
<h2>5.J.K ROWLING</h2>
<div>
<img
src="https://encrypted-
tbn0.gstatic.com/images?q=tbn:ANd9GcT_0cE_3EcEYFEw1G2v5mqjdmX94WURlolAoyxFx6x0EI
3s2qKMJRTCT4h8m5IL_y3FqRU&usqp=CAU">
<p>Joanne Rowling is a British author and philanthropist. She is known for the worldwide
sensation Harry Potter
which is a seven-volume children’s fantasy series published from 1997 to 2007.<a
href="5.html" target="blank">for
more info..</a></p>
</div>
</body>
</html>
1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>William Shakespeare</title>
<style>
img {
width: 200px;
height: 200px;
box-shadow: 8px 8px 20px;
border-radius: 7px;
border:1.5px solid;
}
#bimg {
padding: 20px;
}
h2{
color:green;
text-shadow: 4px 4px 20px;
}
p{
font-size: 20px;
font-family: cursive;
color:teal;
text-shadow: 2px 1px 12px white;
}
body{
margin: 15px;
}
</style>
<link rel="stylesheet" href="instyle.css">
</head>
<body bgcolor="yellow">
<nav>
<ul type="none">
<a href="6.html#wabout">
<li>About Author</li>
</a>
<a href="6.html#wplays">
<li>Plays</li>
</a>
<a href="6.html#wpoems">
<li>Poems</li>
</a>
<a href="6.html#wbooks">
<li>Books</li>
</a>
</ul>
</nav>
<h2><b>William Shakespeare</b></h2>
<p>William Shakespeare (bapt. 26 April 1564 – 23 April 1616) was an English playwright, poet
and actor. He is widely regarded as the greatest writer in the English language and the world's pre-
eminent dramatist. He is often called England's national poet and the "Bard of Avon" (or simply "the
Bard"). His extant works, including collaborations, consist of some 39 plays, 154 sonnets, three long
narrative poems, and a few other verses, some of uncertain authorship. His plays have been translated
into every major living language and are performed more often than those of any other playwright.
Shakespeare remains arguably the most influential writer in the English language, and his works
continue to be studied and reinterpreted.</p>
<div align="center" style="display: flex;">
<div id="bimg"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSOnu-
RdI6Js3BeZwdilIQEuIUO9i--FftQ0g&usqp=CAU" alt=""></div>
<div id="bimg"><img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn:ANd9GcQBgNP1UZ1tlgPiFz9f3KqRmWK8RCHvSyjFzg&usqp=C
AU" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcSH7AZ53LMqd3zJjMcPvngqNeYG1OipicCUTA&usqp=C
AU" alt=""></div>
</div>
</body>
</html>
2.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Charles Dickens</title>
<style>
img {
width: 200px;
height: 200px;
border-radius: 7px;
border:1.5px solid;
}
#bimg {
padding: 20px;
}
h2{
color:green;
}
p{
font-size: 20px;
color:teal;
}
</style>

</head>
<nav>
<ul type="none">
<a href="6.html#cabout"><li>About Author</li></a>
<a href="6.html#cplays"><li>Plays</li></a>
<a href="6.html#cpoems"><li>Poems</li></a>
<a href="6.html#cbooks"><li>Books</li></a>
</ul>
</nav>
<h2><b>Charles Dickens</b></h2>
<p>Charles John Huffam Dickens (/ˈdɪkɪnz/; 7 February 1812 – 9 June 1870) was an English
novelist and social critic who created some of the world's best-known fictional characters, and is
regarded by many as the greatest novelist of the Victorian era.His works enjoyed unprecedented
popularity during his lifetime and, by the 20th century, critics and scholars had recognised him as a
literary genius. His novels and short stories are widely read today.
Born in Portsmouth, Dickens left school at the age of 12 to work in a boot-blacking factory
when his father John was incarcerated in a debtors' prison. After three years he returned to school,
before he began his literary career as a journalist. Dickens edited a weekly journal for 20 years, wrote
15 novels, five novellas, hundreds of short stories and non-fiction articles, lectured and performed
readings extensively, was an indefatigable letter writer, and campaigned vigorously for children's
rights, for education, and for other social reforms.</p>
tbn0.gstatic.com/images?q=tbn:ANd9GcQgQgtDQ9i370sSQYXfY33pLaijqXzOSAiOZA&usqp=CA
U" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcSMj7jBve8xsxSR61ABBkVOxlxIAg9AaEyrfw&usqp=CA
U" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcTxz1Sn_LRSwGMv85xMefMRrblfVR6TM7QcKCQTfGG
5NEdgxl2fQlB4ChraA3HkVocGXmo&usqp=CAU" alt=""></div>
</div>
</body>
</html>
3.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Agatha Christie</title>
<style>
img {
width: 200px;
height: 200px;
border-radius: 7px;
border:1.5px solid;
}
#bimg {
padding: 20px;
}
h2{
color:green;
}
p{
font-size: 20px;
color:teal;
}
</style>
</head>
<nav>
<ul type="none">
<li><a href="6.html#abooks">About Author</a></li>
<li><a href="6.html#aabout">Plays</a></li>
<li> <a href="6.html#aplays">Poems</a></li>
<li> <a href="6.html#abooks">Books</a></li>
</ul>
</nav>
<h2><b>Agatha Christie</b></h2>
<p>Dame Agatha Mary Clarissa Christie, Lady Mallowan, DBE (née Miller; 15 September 1890 –
12 January 1976) was an English writer known for her 66 detective novels and 14 short story
collections, particularly those revolving around fictional detectives Hercule Poirot and Miss Marple.
She also wrote the world's longest-running play, the murder mystery The Mousetrap, which has been
performed in the West End since 1952. A writer during the "Golden Age of Detective Fiction",
Christie has been called the "Queen of Crime". She also wrote six novels under the pseudonym Mary
Westmacott. In 1971, she was made a Dame (DBE) by Queen Elizabeth II for her contributions to
literature. Guinness World Records lists Christie as the best-selling fiction writer of all time, her
novels having sold more than two billion copies.</p>
tbn0.gstatic.com/images?q=tbn:ANd9GcSXdJq_gf29iw2gKLV45O9uGhxoI_rVEJWpCw&usqp=CA
U" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcRVCLitX4BhwjjS7YT1QNh1oOOnMSIYFhMuEw&usqp=
CAU" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcTwk_VqNnF19ccfpBWBmeEK2Xq2j9Zt-
gDAXw&usqp=CAU" alt=""></div>
</div>
</body>
</html>
4.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Leo Tolstoy</title>
<style>
img {
width: 200px;
height: 200px;
border-radius: 7px;
border:1.5px solid;
}
#bimg {
padding: 20px;
}
h2{
color:green;
}
p{
font-size: 20px;
color:teal;
}
</style>
</head>
<nav>
<ul type="none">
<a href="6.html#labout">
<li>About Author</li>
</a>
<a href="6.html#lplays">
<li>Plays</li>
</a>
<a href="6.html#lpoems">
<li>Poems</li>
</a>
<a href="6.html#lbooks">
<li>Books</li>
</a>
</ul>
</nav>
<h2><b>Leo Tolstoy</b></h2>
<p>Lev Nikolayevich Tolstoy; 9 September [O.S. 28 August] 1828 – 20 November [O.S. 7
November] 1910), usually referred to in English as Leo Tolstoy, was a Russian writer regarded as one
of the greatest authors of all time. He received nominations for the Nobel Prize in Literature every
year from 1902 to 1906 and for the Nobel Peace Prize in 1901, 1902, and 1909.
Born to an aristocratic Russian family in 1828. Tolstoy's notable works include the novels War
and Peace (1869) and Anna Karenina (1878) often cited as pinnacles of realist fiction. He first
achieved literary acclaim in his twenties with his semi-autobiographical trilogy, Childhood, Boyhood,
and Youth (1852–1856), and Sevastopol Sketches (1855), based upon his experiences in the Crimean
War. His fiction includes dozens of short stories such as "After the Ball" (1911), and several novellas
such as The Death of Ivan Ilyich (1886), Family Happiness (1859) and Hadji Murad (1912). He also
wrote plays and essays concerning philosophical, moral and religious themes.</p>
<div id="bimg"><img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-
ZNl2pqD9xzUQZ8JxQgRs7KlLC7RZ23oxZg&usqp=CAU "
alt="">
</div>
<div id="bimg">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn:ANd9GcS6AZCWWtrp8Jue7xGRKgJSfgQ8CH7VavxK9A&usqp=C
AU"
alt="">
</div>
<div id="bimg"><img
tbn0.gstatic.com/images?q=tbn:ANd9GcQFowGKzmoyFTDNYP9WlkJLGWhe0tQuevJyAv-
LuyBaJrINtuJqGiq2m7UhIeIx38IKaWo&usqp=CAU"
alt="">
</div>
</div>
</body>
</html>
5.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>JK Rowling</title>
<style>
img {
width: 200px;
height: 200px;
border-radius: 7px;
border:1.5px solid;
}
#bimg {
padding: 20px;
}
h2{
color:green;
}
p{
font-size: 20px;
color:teal;
}
</style>
</head>
<nav>
<ul type="none">
<a href="6.html#jabout"><li>About Author</li></a>
<a href="6.html#jplays"><li>Plays</li></a>
<a href="6.html#jpoems"><li>Poems</li></a>
<a href="6.html#jbooks"><li>Books</li></a>
</ul>
</nav>
<h2><b>JK Rowling</b></h2>
<p>Joanne Rowling born 31 July 1965, best known by her pen name J. K. Rowling, is a British
author and philanthropist. She wrote Harry Potter, a seven-volume children's fantasy series published
from 1997 to 2007. The series has sold over 600 million copies, been translated into 84 languages,
and spawned a global media franchise including films and video games. The Casual Vacancy (2012)
was her first novel for adults. She writes Cormoran Strike, an ongoing crime fiction series, under the
alias Robert Galbraith.
Born in Yate, Gloucestershire, Rowling was working as a researcher and bilingual secretary for
Amnesty International in 1990 when she conceived the idea for the Harry Potter series while on a
delayed train from Manchester to London. The seven-year period that followed saw the death of her
mother, the birth of her first child, divorce from her first husband, and relative poverty until the first
novel in the series, Harry Potter and the Philosopher's Stone, was published in 1997. Six sequels
followed, and by 2008, Forbes had named her the world's highest-paid author.</p>
tbn0.gstatic.com/images?q=tbn:ANd9GcTy97XoGfDL7gn8LRO568l9rc_HQtzGMOfLOw&usqp=C
AU" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcRwMS1ica6oFNlKBdfstube5qZVOQObgVWw6Q&usqp=C
AU" alt=""></div>
tbn0.gstatic.com/images?q=tbn:ANd9GcRm01_6uELq5KcTWRAwc1yL-
WQbOM1BSi42bg&usqp=CAU" alt=""></div>
</div>
</body>
</html>
6.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Authors</title>
<style>
body {
margin: 20px;
padding: 10px;
background-image: url(https://encrypted-
tbn0.gstatic.com/images?q=tbn:ANd9GcRL4BwRPPquNqfhF1vCtdnE5ukAE8Kj0XeWqQ&usqp=C
AU);
background-size: cover;
background: #d2cece;
}
img {
width: 200px;
height: 200px;
#aimg {
float:right;
position: relative;
right:100px;
border-radius: 10px;
}
#bimg {
padding: 20px;
}
#bimg img:hover {
box-shadow: 2px 5px 12px ;
background-color: #fff;
width: 250px;
height: 250px;
h2 {
text-align: center;
color: rgb(149, 24, 149);
background-color: pink;
}
h3 {
color: crimson;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',
Geneva, Verdana, sans-serif;
font-size: 20px;
}
p,
li {
text-align: left;
color: rgb(0, 25, 247);
font-size: 20px;
}
div {
align-items: center;
/* background-color: #fff; */
width: 50%;
}
</style>
</head>
<body>
<h1 align="center" style="background-color: azure;">Authors</h1>
<h2 id="w">William Shakespeare</h2>
<img id="aimg"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSOnu-
RdI6Js3BeZwdilIQEuIUO9i--FftQ0g&usqp=CAU"
alt="">
<h3 id="wabout">About Author</h3>
<p>Born: April 1564, Stratford-upon-Avon, United Kingdom <br>

Died: 23 April 1616, Stratford-upon-Avon, United Kingdom <br>
Spouse: Anne Hathaway (m. 1582–1616) <br>
Children: Hamnet Shakespeare, Judith Quiney, Susanna Hall <br>
Siblings: Joan Shakespeare, Edmund Shakespeare <br>
Awards: Lucille Lortel Award for Outstanding Revival <br>
</p>
<p></p>
<h3 id="wplays">Plays</h3>
<p>Shakespeare's plays portray recognisable people in situations that we can all relate to -
including love,
marriage, death, mourning, guilt, the need to make difficult choices, separation, reunion and
reconciliation.
They do so with great humanity, tolerance, and wisdom. They help us to understand what it is to
be human, and to
cope with the problems of being so. </p>
<li>Romeo and Juliet</li>

<img src="https://media.shakespeare.org.uk/images/Romeo_and_Juliet_2_v3cguOa.original.width-
770.jpg" alt="">
<li>Hamlet</li> <img
src="https://media.shakespeare.org.uk/images/Hamlet_sbt-davies-ham-2006-7.original.width-
770.jpg" alt="">
<li>The Merchant of Venice</li>
<img src="https://media.shakespeare.org.uk/images/Merchant_of_Venice_1858_neg_494_8.width-
770.jpg" alt="">
</div>
<h3 id="wpoems">Poems</h3>
<li>A Lover's Complaint</li>

<li>All the World's a Stage</li>
<li>Bridal Song</li>
<li>Venus and Adonis</li>
<li>The Phoenix and the Turtle</li>
<p></p>
<h3 id="wbooks">Books</h3>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/s/3684285bfbf0c889d9e309d38a6e1c054f20a002.jpg"
alt="">
</div>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/s/d26c5d50592932cf57727891126afcf3566dc9c3.jpg"
alt="">
</div>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/s/5c4bd1e8133a7cfa83179a8f6f26af1a312fea71.jpg"
alt="">
</div>
</div>
<p></p>
<h2 id="c"> Charles Dickens</h2>

<img id="aimg"
tbn0.gstatic.com/images?q=tbn:ANd9GcQgQgtDQ9i370sSQYXfY33pLaijqXzOSAiOZA&usqp=CA
U"
alt="">
<h3 id="cabout">About Author</h3>
<p> Born: 7 February 1812, Landport, Portsmouth, United Kingdom <br>

Died: 9 June 1870, Gads Hill Place, United Kingdom <br>
Children: Francis Dickens, Mary Dickens, Henry Fielding Dickens <br>
Spouse: Catherine Dickens (m. 1836–1858)
Influenced by: William Shakespeare, Victor Hugo <br>
Grandchildren: Ethel Kate Dickens, Mary Angela Dickens <br></p>
<p></p>
<h3 id="cplays">Plays</h3>
<li> Oliver Twist </li>

<li> Nicholas Nickleby </li>
<li> Master Humphrey's Clock</li>
<p></p>
<h3 id="cpoems">Poems</h3>
<li>A Child's Hymn</li>

<li>Little Nell's Funeral</li>
<li>The Song Of The Wreck</li>
<li>Lucy's Song</li>
<li>George Edmunds' Song</li>
<p></p>
<h3 id="cbooks">Books</h3>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/s/4511133739f1c56b3b599e5a6eb60b4944ec3591.jpg"
alt="">
</div>
<div id="bimg">
<img src="https://m.media-amazon.com/images/I/51+CSx00T9L._SL200_.jpg" alt="">
</div>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/s/928b7e723c50ef648f962705c452a008dfe1fa0b.jpg"
alt="">
</div>
</div>
<p></p>
<h2 id="a"> Agatha Christie</h2>

<img id="aimg"
tbn0.gstatic.com/images?q=tbn:ANd9GcSXdJq_gf29iw2gKLV45O9uGhxoI_rVEJWpCw&usqp=CA
U"
alt="">
<h3 id="aabout">About Author</h3>
<p>Born: 15 September 1890, Torquay, United Kingdom <br>

Died: 12 January 1976, Winterbrook, United Kingdom
<br> Spouse: Max Mallowan (m. 1930–1976), Archibald Christie (m. 1914–1928) <br>
Children: Rosalind Hicks <br>
Plays: The Mousetrap, Murder Is Easy, Black Coffee, Towards Zero
</p>
<h3 id="aplays">Plays</h3>
<li>Murder On The Nile</li>
<li>Spider's Web </li>
<li>The Hollow</li>
<p></p>
<h3 id="apoems">Poems</h3>
<li>World Hymn</li>
<li>Dark Sheila</li>
<li>A Passing</li>
<h3 id="abooks">Books</h3>
<div id="bimg"><img
src="https://img.thriftbooks.com/api/images/i/m/33F07AB88BD1559B6305EB66807621239E71FAE
5.jpg" alt="">
</div>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/i/m/A5A5AF2D91790079346456F0FA3EB40CDCF67F
D6.jpg" alt="">
</div>
<div id="bimg">
<img
src="https://img.thriftbooks.com/api/images/i/m/4A1952D7C3684439F78A574B7EA9CD8DE37C8
A24.jpg" alt="">
</div>
</div>
<p></p>
<h2 id="l">Leo Tolstoy</h2>

<img id="aimg"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-
ZNl2pqD9xzUQZ8JxQgRs7KlLC7RZ23oxZg&usqp=CAU"
alt="">
<h3 id="labout">About Author</h3>
<p>Born: 9 September 1828, Yasnaya Polyana, Yasnaya Polyana, Russia <br>

Died: 20 November 1910, Lev Tolstoi, Russia <br>
Influenced by: Fyodor Dostoevsky, Alexander Pushkin <br>
Children: Alexei Lvovich Tolstoy, Alexandra Tolstaya <br>
Spouse: Sophia Tolstaya (m. 1862–1910) <br>
Grandchildren: Sophia Andreyevna Tolstaya, Ilya Tolstoy</p>
<h3 id="lplays">Plays</h3>
<p></p>
<li>The Power of Darkness</li>
<li>The Living Corpse</li>
<li>Strider </li>
<h3 id="lpoems">Poems</h3>
<p></p>
<li>The Kreutzer Sonata</li>
<li>Farmer's Porch</li>
<li>Changes in me</li>
<li>I'm Just Getting Started</li>
<li>Anna Karenina</li>
<h3 id="lbooks">Books</h3>
<p></p>
<div id="bimg"> <img
src="https://img.thriftbooks.com/api/images/i/s/FECD7D8BD55765F58D362089DFFA97818C9CA6
74.jpg" alt="">
</div>
src="https://img.thriftbooks.com/api/images/s/73f8280bc8a285216da238b486713bb7140b5fd1.jpg"
alt=""></div>
src="https://img.thriftbooks.com/api/images/i/s/64C202DD99E3A8ADF1F30365DA53937118FED1
DD.jpg" alt="">
</div>
</div>
<h2 id="j">JK Rowling</h2>
<img id="aimg"
tbn0.gstatic.com/images?q=tbn:ANd9GcTy97XoGfDL7gn8LRO568l9rc_HQtzGMOfLOw&usqp=C
AU"
alt="">
<h3 id="jabout">About Author</h3>
<p>Born: 31 July 1965 (age 58 years), Yate, United Kingdom <br>

Children: Jessica Isabel Rowling Arantes, David Gordon Rowling Murray, Mackenzie Jean
Rowling Murray <br>
Spouse: Neil Murray (m. 2001), Jorge Arantes (m. 1992–1993) <br>
Parents: Anne Volant Rowling, Peter Rowling <br>
Nickname: Jo Rowling <br>
Full name: Joanne Kathleen Rowling</p>
<h3 id="jplays">Plays</h3>
<p></p>
<li>Harry Potter and the Deathly Hallows</li>
<li>Harry Potter and the Order of the Phoenix</li>
<li>Harry Potter and the Half-Blood Prince</li>
<li>Harry Potter and the Prisoner of Azkaban</li>
<li>Harry Potter and the Sorcerer's Stone</li>
<h3 id="jpoems">Poems</h3>
<p></p>
<li>Sphinx's Riddle</li>
<li>Sorting Hat's Song</li>
<li>Grigotts Wizarding Bank Poem</li>
<h3 id="jbooks">Books</h3>
src="https://img.thriftbooks.com/api/images/i/m/B84046D870A07EC2898389F30BC88DC46347E4
BD.jpg" alt="">
</div>
src="https://img.thriftbooks.com/api/images/i/m/83A2B3369312DE34B13CFB581A116E75A5FA8F
A8.jpg" alt="">
</div>
src="https://img.thriftbooks.com/api/images/i/m/7326D9253985F52EA8BE7019985CA47264391D8
4.jpg" alt="">
</div>
</div>
<a href="ex1.html">
<h2 align="right"> Home>></h2>
</a>
</body></html>
CSS
instyle.css
nav ul {
border: 1px solid red;

background-color: pink;
box-shadow: 13px 5px 7px 3px grey;
width: auto;
border-radius: 5px;
height: 40px;
justify-content:space-evenly;
align-items: center;
}
nav ul li {
display: inline-flex;
list-style-type: none;
/* margin:30px; */
padding: 12px;
font-size: large;
text-shadow: 2px 2px 5px grey;
text-decoration: none;
}
nav ul li:hover {
color: rgb(38, 0, 255);
font-weight: bolder;
background-color: rgb(198, 237, 219);
style.css
h1{
text-align: center;
color: rgb(255, 9, 173);
text-shadow: 2px 2px 2px rgb(241, 232, 232);
font-family: 'Times New Roman', Times, serif;
background-color:rgb(35, 33, 33);
height: 150px;
padding-top: 80px;
font-size: 60px;
}
img{
border: 3px solid ;
width: 200px;
height: 200px;
box-shadow: 15px 10px 20px black;
float: left;
margin-right: 40px;
}
p{
font-family:cursive;
font-size: 30px;
text-align: center;
}
div ul li{
font-family:Arial, Helvetica, sans-serif;
font-size: 22px;
text-align: center;
padding: 7px;
}
div{
width:100%;
height: 300px;
padding: 10px;
padding-bottom: 20px;
}
OUTPUT:
RESULT:
PROGRAM:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Credit Card Registration</title>

<style>
/* Add some basic CSS styling here */
body {
font-family: Arial, sans-serif;
background-image: linear-gradient(120deg,red,orange,yellow,rgb(241, 241, 91),rgb(243, 114,
114),orange,yellow);
margin: 25px;
}
.container {
width: 50%;
margin: auto;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
font-weight: bold;
font-size: 20px;
}
input[type="text"],
textarea, #email{
width: 100%;
padding: 10px;
border-radius: 7px;
}
span.error {
color: red;
}
#btn{
color: white;
font-size: 18px;
padding: 10px;
border-radius: 5px;
border: none;
}
#btn:hover{
}
h1{
text-shadow: 2px 2px 15px rgb(255, 255, 255);
color: rgba(134, 2, 174, 0.902);
}
</style>
</head>
<body>
<div class="container">
<h1 align="center">Credit Card Registration</h1>
<form id="registrationForm">
<div class="form-group">
<label for="name">Name (Initials at the end, no special characters except space):</label>
<input type="text" id="name" name="name" required>
<span class="error" id="nameError"></span>
</div>
<label for="dob">Date of Birth:</label>
<input type="text" id="dob" name="dob" required>
<span class="error" id="dobError"></span>
</div>
<label for="age">Age:</label>
<input type="text" id="age" name="age" required>
<span class="error" id="ageError"></span>
</div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<span class="error" id="emailError"></span>
</div>
<label for="mobile">Mobile Number (10 digits):</label>
<input type="text" id="mobile" name="mobile" required>
<span class="error" id="mobileError"></span>
</div>
<label for="accountNumber">Account Number:</label>
<input type="text" id="accountNumber" name="accountNumber" required>
<span class="error" id="accountNumberError"></span>
</div>
<label for="bankName">Bank Name:</label>
<input type="text" id="bankName" name="bankName" required>
<span class="error" id="bankNameError"></span>
</div>
<label for="ifsc">IFS Code:</label>
<input type="text" id="ifsc" name="ifsc" required>
<span class="error" id="ifscError"></span>
</div>
<label for="annualIncome">Annual Income:</label>
<input type="text" id="annualIncome" name="annualIncome" required>
<span class="error" id="annualIncomeError"></span>
</div>
<label for="address">Address:</label>
<textarea id="address" name="address" required></textarea>
<span class="error" id="addressError"></span>
</div>
<div align="right">
<button id="btn" type="submit">Submit</button></div>
</form>
</div>
<script>
const form = document.getElementById('registrationForm');
form.addEventListener('submit', function (event) {
// Prevent the form from submitting by default
event.preventDefault();
// Perform validation here

const nameInput = document.getElementById('name');
const dobInput = document.getElementById('dob');
const ageInput = document.getElementById('age');
const emailInput = document.getElementById('email');
const mobileInput = document.getElementById('mobile');
const accountNumberInput = document.getElementById('accountNumber');
const bankNameInput = document.getElementById('bankName');
const ifscInput = document.getElementById('ifsc');
const annualIncomeInput = document.getElementById('annualIncome');
const addressInput = document.getElementById('address');
// Validate Name (Initials at the end, no special characters except space)

const nameValue = nameInput.value.trim();
const nameParts = nameValue.split(' ');
if (nameParts.length < 2 || nameParts.some(part => !part.match(/^[A-Za-z]+$/))) {
document.getElementById('nameError').textContent = 'Invalid name format';
return;
} else {
document.getElementById('nameError').textContent = '';
}
// Validate Date of Birth (DD-MM-YYYY format)

const dobValue = dobInput.value.trim();
if (!dobValue.match(/^\d{2}-\d{2}-\d{4}$/)) {
document.getElementById('dobError').textContent = 'Invalid Date of Birth format (DD-
MM-YYYY)';
return;
} else {
document.getElementById('dobError').textContent = '';
}
const age = parseInt(ageInput.value);

const dy = dobValue.split('-');
const today = new Date();
const currAge = today.getFullYear() - parseInt(dy[2]);
if (isNaN(age) || age < 18) {
document.getElementById('ageError').textContent = 'Invalid age (must be at least 18)';
return;
}
else if (!(age === currAge)) {
document.getElementById('ageError').textContent = 'Invalid Age or Invalid Date of Birth';
return;
}
else {
document.getElementById('ageError').textContent = '';
}
// Validate Email
const emailValue = emailInput.value.trim();
if (!emailValue.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
document.getElementById('emailError').textContent = 'Invalid email format';
return;
} else {
document.getElementById('emailError').textContent = '';
}
// Validate Mobile Number (10 digits)

const mobileValue = mobileInput.value.trim();
if (!mobileValue.match(/^\d{10}$/)) {
document.getElementById('mobileError').textContent = 'Invalid mobile number (10 digits)';
return;
} else {
document.getElementById('mobileError').textContent = '';
}
// Validate Account Number (should be a number)

const accountNumber = parseInt(accountNumberInput.value);
if (isNaN(accountNumber) || accountNumber < 0) {
document.getElementById('accountNumberError').textContent = 'Invalid account number';
return;
} else {
document.getElementById('accountNumberError').textContent = '';
}
// Validate Bank Name (no special characters)

const bankNameValue = bankNameInput.value.trim();
if (!bankNameValue.match(/^[A-Za-z\s]+$/)) {
document.getElementById('bankNameError').textContent = 'Invalid bank name';
return;
} else {
document.getElementById('bankNameError').textContent = '';
}
// Validate IFS Code (should be alphanumeric)

const ifscValue = ifscInput.value.trim();
if (!ifscValue.match(/^[A-Za-z0-9]+$/)) {
document.getElementById('ifscError').textContent = 'Invalid IFS code';
return;
} else {
document.getElementById('ifscError').textContent = '';
}
// Validate Annual Income (should be a number)

const annualIncome = parseInt(annualIncomeInput.value);
if (isNaN(annualIncome) || annualIncome < 0) {
document.getElementById('annualIncomeError').textContent = 'Invalid annual income';
return;
} else {
document.getElementById('annualIncomeError').textContent = '';
}
// Validate Address (should not be empty)

const addressValue = addressInput.value.trim();
if (addressValue === '') {
document.getElementById('addressError').textContent = 'Address cannot be empty';
return;
} else {
document.getElementById('addressError').textContent = '';
}
// If all validations pass, you can submit the form

form.submit();
alert('form submitted successfully!');
});
</script>
</body>
</html>
OUTPUT:
RESULT:
PROGRAM:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
</head>
<body>
<h2>Login Form</h2>
<form action="./LoginServlet" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>
LoginServlet.java
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {

//private static final long serialVersionUID = 1L;
private final String username = "ayishu";
private final String password = "ayishu123";
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
// Get the username and password from the request parameters
String gusername = request.getParameter("username");
String gpassword = request.getParameter("password");
// Check if the username and password are valid (replace with your validation logic)
if (username.equals(gusername) && password.equals(gpassword)) {
response.getWriter().write("Login Successful");
} else {
response.getWriter().write("Login Failed");
}
}
}
Web.xml
<?xml version="1.0" encoding="UTF-8"?>

<web-app>
<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/LoginServlet</url-pattern>
</servlet-mapping>
</web-app>
OUTPUT:
RESULT:
PROGRAM:
StudentMarks.jsp
<%@ page import="java.sql.*" %>

<%@ page import="java.util.*" %>
<%
// Database connection details
String url = "jdbc:mysql://localhost:3306/mydb"; // Replace with your database URL
String username = "root";
String password = "Ayishu@123";
Connection conn = null;

Statement stmt = null;
try {
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection(url, username, password);
stmt = conn.createStatement();
stmt.executeUpdate("CREATE TABLE IF NOT EXISTS StudentMarks (student_id INT,

subject1 INT, subject2 INT, subject3 INT, subject4 INT, subject5 INT, subject6 INT)");
// Check if the form is submitted

if (request.getParameter("submit") != null) {
for (int i = 1; i <= 10; i++) {
String studentID = request.getParameter("studentID" + i);
int subject1 = Integer.parseInt(request.getParameter("subject1" + i));
String query = "INSERT INTO StudentMarks (student_id, subject1, subject2, subject3,

subject4, subject5, subject6) VALUES (" + studentID + "," + subject1 + "," + subject2 + "," +
subject3 + "," + subject4 + "," + subject5 + "," + subject6 + ")";
stmt.executeUpdate(query);
}
}
ResultSet rs = stmt.executeQuery("SELECT * FROM StudentMarks");
%>
<!DOCTYPE html>
<html>
<head>
<title>Student Marks</title>
</head>
<body>
<div align="center">
<h2>Enter Student Marks:</h2>
<form method="post" action="">
<table border="1">
<tr bgcolor="pink">
<th>Student ID</th>
<th>Subject 1</th>
<th>Subject 2</th>
<th>Subject 3</th>
<th>Subject 4</th>
<th>Subject 5</th>
<th>Subject 6</th>
</tr>
<%
for (int i = 1; i <= 10; i++) {
%>
<tr >
<td><input type="text" name="studentID<%= i %>" required></td>
<td><input type="number" name="subject1<%= i %>" required></td>
</tr>
<% } %>
</table>
<br>
<input type="submit" name="submit" value="Submit" style="background-color: rgb(45, 214,
45);color: white; font-size: 20px;border-radius: 5px;" ><br><br>
</form>
<h2>Student Marks</h2>
<table border="1">
<tr bgcolor="pink">
<th>Student ID</th>
<th>Subject 1</th>
<th>Subject 2</th>
<th>Subject 3</th>
<th>Subject 4</th>
<th>Subject 5</th>
<th>Subject 6</th>
</tr>
<%
while (rs.next()) {
int studentId = rs.getInt("student_id");
%>
<tr>
<td><%= studentId %></td>
<td><%= (rs.getObject("subject1") != null) ? rs.getInt("subject1") : "N/A" %></td>
</tr>
<% } %>
</table>
</div>
</body>
</html>
<%
// Close resources
stmt.close();
conn.close();
} catch (Exception e) {
out.println("Exception: " + e);
}
%>
OUTPUT:
RESULT:
PROGRAM:
library_schema.xsd

<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">


<xs:element name="book">
<xs:complexType>
<xs:sequence>
<xs:element name="title" type="xs:string"/>
<xs:element name="author" type="xs:string"/>
<xs:element name="section" type="xs:string"/>
<xs:element name="publication_year" type="xs:integer"/>
<xs:element name="isbn" type="xs:string"/>
</xs:sequence>
</xs:complexType>
</xs:element>


<xs:element name="author">
<xs:complexType>
<xs:sequence>
<xs:element name="name" type="xs:string"/>
<xs:element name="birth_date" type="xs:date"/>
<xs:element name="nationality" type="xs:string"/>
</xs:sequence>
</xs:complexType>
</xs:element>


<xs:element name="section" type="xs:string"/>


<xs:element name="library">
<xs:complexType>
<xs:sequence>
<xs:element name="books" minOccurs="1" maxOccurs="1">
<xs:complexType>
<xs:sequence>
<xs:element ref="book" minOccurs="1" maxOccurs="unbounded"/>
</xs:sequence>
</xs:complexType>
</xs:element>
<xs:element name="authors" minOccurs="1" maxOccurs="1">
<xs:complexType>
<xs:sequence>
<xs:element ref="author" minOccurs="1" maxOccurs="unbounded"/>
</xs:sequence>
</xs:complexType>
</xs:element>
<xs:element name="sections" minOccurs="1" maxOccurs="1">
<xs:complexType>
<xs:sequence>
<xs:element ref="section" minOccurs="1" maxOccurs="unbounded"/>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:schema>
library.xml

<?xml-stylesheet type="text/xsl" href="library_style.xslt"?>
<library xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="library_schema.xsd">
<books>
<book>
<title>Harry Potter</title>
<author>J.K Rowling</author>
<section>Section 1</section>
<publication_year>2000</publication_year>
<isbn>1234567890</isbn>
</book>
<book>
<title>Wings Of Fire</title>
<author>A.P.J Abdul Kalam</author>
<publication_year>2000</publication_year>
<isbn>1234561234</isbn>
</book>
</books>
<authors>
<author>
<name>J.K Rowling</name>
<birth_date>31-07-1965</birth_date>
<nationality>Britain</nationality>
</author>
<author>
<name>A.P.J Abdul Kalam</name>
<birth_date>15-10-1931</birth_date>
<nationality>India</nationality>
</author>
</authors>
<sections>

</sections>
</library>
library_style.xslt

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h2>Library Data</h2>
<h3>Books</h3>
<table>
<tr>
<th>Title</th>
<th>Author</th>
<th>Section</th>
<th>Publication Year</th>
<th>ISBN</th>
</tr>
<xsl:for-each select="/library/books/book">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="author"/></td>
<td><xsl:value-of select="section"/></td>
<td><xsl:value-of select="publication_year"/></td>
<td><xsl:value-of select="isbn"/></td>
</tr>
</xsl:for-each>
</table>
<h3>Authors</h3>
<table>
<tr>
<th>Name</th>
<th>Birth Date</th>
<th>Nationality</th>
</tr>
<xsl:for-each select="/library/authors/author">
<tr>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="birth_date"/></td>
<td><xsl:value-of select="nationality"/></td>
</tr>
</xsl:for-each>
</table>
<h3>Sections</h3>
<ul>
<xsl:for-each select="/library/sections/section">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
OUTPUT:
RESULT;

Webrec

Uploaded by

Copyright:

Available Formats

You might also like

Webrec

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Webrec

Uploaded by

Copyright:

Available Formats

PROGRAM:

<link rel="stylesheet" href="instyle.css">

<p>Born: April 1564, Stratford-upon-Avon, United Kingdom <br>

<li>Romeo and Juliet</li>

<li>A Lover's Complaint</li>

<h2 id="c"> Charles Dickens</h2>

<p> Born: 7 February 1812, Landport, Portsmouth, United Kingdom <br>

<li> Oliver Twist </li>

<li>A Child's Hymn</li>

<h2 id="a"> Agatha Christie</h2>

<p>Born: 15 September 1890, Torquay, United Kingdom <br>

<h2 id="l">Leo Tolstoy</h2>

<p>Born: 9 September 1828, Yasnaya Polyana, Yasnaya Polyana, Russia <br>

<p>Born: 31 July 1965 (age 58 years), Yate, United Kingdom <br>

border: 1px solid red;

<title>Credit Card Registration</title>

// Perform validation here

// Validate Name (Initials at the end, no special characters except space)

// Validate Date of Birth (DD-MM-YYYY format)

const age = parseInt(ageInput.value);

// Validate Mobile Number (10 digits)

// Validate Account Number (should be a number)

// Validate Bank Name (no special characters)

// Validate IFS Code (should be alphanumeric)

// Validate Annual Income (should be a number)

// Validate Address (should not be empty)

// If all validations pass, you can submit the form

public class LoginServlet extends HttpServlet {

<?xml version="1.0" encoding="UTF-8"?>

<%@ page import="java.sql.*" %>

Connection conn = null;

stmt.executeUpdate("CREATE TABLE IF NOT EXISTS StudentMarks (student_id INT,

// Check if the form is submitted

String query = "INSERT INTO StudentMarks (student_id, subject1, subject2, subject3,

<?xml version="1.0" encoding="UTF-8"?>

<?xml version="1.0" encoding="UTF-8"?>

<?xml version="1.0" encoding="UTF-8"?>

You might also like