Professional Documents
Culture Documents
40 - Ipl - Exp3 - STD Output
40 - Ipl - Exp3 - STD Output
1. Index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homes.css">
</head>
<body>
<div class="all">
<div class="up">
<ul>
<li><a href="homes.html">HOME</li></a>
<li><a href="about.html">ABOUT ME</li></a>
<li><a href="acad.html">ACADMICS</li></a>
<li><a href="course.html">COURSES</li></a>
</ul>
</div>
<div class="tex">
<h1>PORTFOLIO</h1>
<h2>POOJA SHARMA</h2>
<img src="images/download.jpeg">
</div>
</div>
</body>
</html>
.all{
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="about.css">
</head>
<body>
<div class="all">
<div class="up">
<ul>
<li><a href="homes.html">HOME</li></a>
<li><a href="about.html">ABOUT ME</li></a>
<li><a href="acad.html">ACADMICS</li></a>
<li><a href="course.html">COURSES</li></a>
</ul>
</div>
<div class="tex">
<h2>ABOUT ME</h2>
<p>
Name: Pooja Sharma<br>
Age: 19<br>
Favourite Actor: KIM SEON HO<br>
<img src="images/download (1).jpeg">
</p>
<h2>MY HOBBIES</h2>
<p>
I love watching anime and k-series<br>
I like to draw sometimes<br>
My Favourite actor is kim Seon-ho whose photo is above<br>
I like listning to songs<br>
Big fan of BTS
</p>
<h2>
CONTACT INFO
</h2>
<p>
EMAIL ID: XXXXXXXXXX@gmail.com<br>
MOBILE NO: XXXXXXXXXX
</p>
</div>
</div>
</body>
</html>
.all{
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="acad.css">
</head>
<body>
<div class="all">
<div class="up">
<ul>
<li><a href="homes.html">HOME</li></a>
<li><a href="about.html">ABOUT ME</li></a>
<li><a href="acad.html">ACADMICS</li></a>
<li><a href="course.html">COURSES</li></a>
</ul>
</div>
<div class="tex">
<table align="center" style="margin: 0px auto;" border="2">
<tr>
<td>CLASS</td>
<td>PERCENTAGE</td>
</tr>
<tr>
<td>SSC</td>
<td>84%</td>
</tr>
<tr>
<td>HSC</td>
<td>75%</td>
</tr>
</table>
</div>
</div>
</body>
</html>
Acdamics.css
.all{
4. Courses.hml
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="couses.css">
</head>
<body>
<div class="all">
<div class="up">
<ul>
Courses.css
.all{
.up {
margin-left: 500px;
}
.up li {
display: inline-block;
padding: 10px;
margin-top: 5px;
}
.up li a{
text-decoration: none;
color: aqua;
}
Conclusion: In this experiment we have studied and implemented CSS Selectors to style
webpages.