Scribd
Upload
1 views

Web D File 1

Uploaded by

singhrishuabhishek5007
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
1 views

Web D File 1

Uploaded by

singhrishuabhishek5007
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

Q1)Design a page having suitable background colour and text colour with title “My First Web

Page” using all the attributes of the Font tag

<html>

<head> <title> MY FIRST WEB PAGE</title> </head>

<body style="background-color:yellow;">

<h1 style="color:blue" align="middle"> My first Assignment </h1>

<h2>G.L Bajaj Institute Of Technology And Technology </h2>

<p> No 1 private college int AKTU </p>

</body>

</html>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
Q2) Create a HTML document giving details of your [ Name,Age], [Address,Phone] and [Register
Number, Class] aligned in proper order using alignment attributes of Paragraph tag <html>

<head><title> MY SECOND WEB PAGE</title></head>

<body style="background-color:beige">

<h1 align="middle"> MY PERSONAL DETAILS </h1>

<p>NAME:- ABHISHEK SINGH RISHU</p>

<p>ROLL NO:- Lateral entry</p>

<p>AGE:-24 </p>

<p>ADDRESS:-knowledge Park 3,Greater Noida </p>

<p>PHONE NO:-9335188192 </p>

<p>COLLEGE:-GL Bajaj Institute Of Technology And Management </p>

<p>BRANCH:-Computer Science and Engineering with AIML</p>

</body>

</html>

Q3) Write HTML code to design a page containing some text in a paragraph by giving suitable
heading style

<html>

<head><title> MY THIRD WEB PAGE </title></head>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<body style="background-color:pink">

<h1 align="middle">GL BAJAJ INSTITUTE OF TECHNOLOGY AND MANAGEMENT</h1>

<h4>OUR RECRUITERS</h4>

<p>*Paloalto<br>*Accenture<br>*Autodesk<br>*Adidas<br>*Walmart<br>*TCS<br>*Cognizant<br
>*Zepto</p>

<h4>PLACEMENT 2023-2024</h4>

<p>*Higest package of 58 Lac</p>

<p>*Average Package 7.35 LPA</p>

<p>*Top Recruiters - Palo Alto, ServiceNow, Autodesk, Commvault,

Walmart Global</p>

<p>*No. of Recruiters 500+</p>

< /body>

</html>

Q4)Create a page to show different character formatting (B,I,U,SUB,SUP) tags

Viz : log b m p = p logb m

<html>

<head><title> MY FOURTH WEB PAGE </title></head>

<body style="background-color:black">

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<font size="16" color="white">

<p><b>log</b><sub>b</sub>m<sup>p</sup>=p<b>log</b><sub>b</sub>m </p>

</body>

</html>

Q5)Write HTML code to create a web page that contains an image at its center

<html>

<head>

<title> MY FIFTH WEB PAGE </title>

</head>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<body>

<center>

<img src="glb.jpg" height="500" width="500">

</center>

</body>

</html>

Q6) Create a web page with an appropriate image towards the left-hand side of the page,when user
clicks on the image another web page should open.

<html>

<head>

<title> MY sixth WEB PAGE </title>

</head>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<body>

<a href="https://www.youtube.com/">

<img align="left" src="glb2.jpg" height="500" width="500"> </a>

</body>

</html>

Q7) Create web pages using Anchor tag with its attributes for external

<html>

<head>

<title> MY Seventh WEB PAGE </title>

</head>

<body>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<a href="https://www.youtube.com/"> <h2> Introduction </h2> </a>

</body>

</html>

Q8) Create a web page for internal links;when the user clicks on different links on the webpage It
should go to the appropriate locations in the same page

<html>

<head>

<title> MY EIGHT WEB PAGE </title>

<style> #menu{

display:flex; justify-content:space-around;

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
}

</style>

</head>

<body>

<div id="menu">

<a href="#intro" >Introduction</a>

<a href="#image" > Image </a>

<a href="#about" > about </a>

</div>

<div id="intro">

<h1>INTRODUCTION</h1>

<p>Rohit Sharma (born 30 April 1987) is an Indian international cricketer who currently plays for and

captains the India national cricket team in Test and One Day International (ODI) matches. Previously,
he also

captained the team in Twenty20 International (T20I) matches and led India's win in 2024 ICC Men's
T20

World Cup, subsequent to which he retired from T20s in June 2024.[3][4] He is considered to be one
of the best batsmen of his generation and one of the greatest opening batters of all time </p> </div>
<div id="image">

<h2> IMAGE <h2>

<img height="300" width="300" src="rohit.JPEG">

</div>

<div id="about">

<h1>ABOUT</h1>

<p>He holds several batting records which famously include most runs in T20 Internationals, most
sixes in

international cricket,[a] most double centuries in ODI cricket (3), most centuries at Cricket World Cups
(7)

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
and joint most hundreds in Twenty20 Internationals (5). He is the first player to score 5 T20I
centuries.[7] He

also holds the world record for the highest individual score (264) in a One Day International (ODI)
match and

is the only player to have scored three double-centuries in ODIs and also holds the record for scoring
most

hundreds (five) in a single Cricket World Cup, for which he won the ICC Men's ODI Cricketer of the

Year award in 2019. He is the only player to win 50 matches as captain in T20Is. </p> </div>

</body>

</html>

Q9) Write a HTML code to create a web page with pink colorbackground and display moving
message in red color

<html>

<head>

<title> MY 9th WEB PAGE </title>

</head>

<body>

<marquee behavior="scroll" direction="right" style="font-size:20px; color:red;"> THIS IS

A MOVING TEXT </marquee>

</body>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
</html>

Q 10) Create a web page, showing an ordered list of all second semester courses.

<html>

<head>

<title> MY 10th WEB PAGE </title>

</head>

<body>

<h1>Second Semester Subject List</h1>

<li>English </li>

<li>Maths </li>

<li>Digital electronics & computer fundamentals </li>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<li>Data structure </li>

<li>Python </li>

</body>

</html>

Q11) Create a web page, showing an unordered list of all the diploma Programs.

<html>

<head>

<title> MY 11th WEB PAGE </title>

</head>

<body>

<li>Computer Science and Engg. (Artificial Intelligence)</li>

<li>Electronics and communication </li>

<li>Civil Engg. </li>

<li>Mechanical Engg. </li>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<li>Chemical Engg.</li>

</body>

</html>

Q12) Create a HTML document containing a nested list showing a content page of any book.

<html>

<head> <title> Program 12 </title> </head>

<body>

<ol type=1>

<li>chapter1</li>

<ol type=1>

<li>section one</li>

<li>section two</li>

</ol type=1>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<li>chapter 2</li>

<ol type=1>

<li>section one</li>

<li>section two</li>

</ol>

</body>

</html>

Q13) Create the following table in HTML with Dummy Data.

<html>

<head>

<title> Program 13 </title>

</head>

<body>

<table>

<tr>

<th> reg.number</th>

<th> Student name</th>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
<th> year/semester</th>

<th> data of admission</th>

</tr>

<tr>

<td> 20AK1A0501</td>

<td> suma</td>

<td> 2nd/3rd</td>

<td> 12/08/2006</td>

</tr>

<td> 20CV1B0502</td>

<td> ravi</td>

<td> 2nd</td>

<td> 08/09/2006</td>

</tr>

<td> 20ER1C050</td>

<td> RAJ</td>

<td> 3rd</td>

<td> 11/11/2003</td>

</tr>

</table>

</body>

</html>

NAME: ABHISHEK SINGH RISHU


BTECH LATERAL ENTRY CS(AIML)-4
NAME: ABHISHEK SINGH RISHU
BTECH LATERAL ENTRY CS(AIML)-4
NAME: ABHISHEK SINGH RISHU
BTECH LATERAL ENTRY CS(AIML)-4
NAME: ABHISHEK SINGH RISHU
BTECH LATERAL ENTRY CS(AIML)-4

You might also like