Scribd
Upload
16 views21 pages

Ritik Web de

Uploaded by

singhrishuabhishek5007
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views21 pages

Ritik Web de

Uploaded by

singhrishuabhishek5007
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 21

1).

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 bgcolor ="yellow">
<font size ="16" color ="green" face="verdana"
style="font-weight: bold; text-decoration: underline;">
My First Web Page
</font>
<h1>Welcome To GL BAJAJ</h1>
</body>
</html>

Name = Ritik Raj


Branch/Section = CSE AIML -4
Year = 2nd
Name = Ritik Raj
Branch/Section = CSE AIML -4
Year = 2nd
2).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>
<body>

<h1>Personal Details</h1>
<p align="left"><strong>Name:</strong> Ritik Raj </p>
<p align="left"><strong>Age: </strong> 19 </p>

<p align="right"><strong>Address: </strong>greater noida </p>


<p align="right"><strong>Phone:</strong> 6464576789</p>

<p align="center"><strong>Register Number:</strong> 987654321</p>


<p align="center"><strong>Class:</strong> computer science</p>
</body>
</head>
</html>

Name = Ritik Raj


Branch/Section = CSE AIML -4
Year = 2nd
Name = Ritik Raj
Branch/Section = CSE AIML -4
Year = 2nd
3).Write HTML code to design a page containing some text in a
paragraph by giving suitable heading style.
<html>
<head><title> program 03 </title>
<body>
<center>
<h1>welcome to my web page </h1>
</center>
<h2 align ="left">defination </h2>
<p>The paragraph describes HTML as a markup language used for creating and structuring web
pages.
It explains its role in web development, highlighting its use with other technologies like CSS and
JavaScript.
</p>
</body></head>
</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><font size =”16”>
<p><b>log</b><sub>b</sub>m<sup>p</sup>=p<b>log</b><sub>b</sub>m
</p>
</body>
</html>

Name = Ritik Raj


Branch/Section = CSE AIML -4
Year = 2nd
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>
<body>
<center>
<img src="https://assets.eenadu.net/article_img/ratan_2.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 FIFTH WEB PAGE </title>
</head>
<body>
<img src="image1.jpg"align="left" width ="500" height="200"/>
<a href=https://www.glbitm.org/">
</body>
</html>

Name=Ritik Raj , branch/section =cseaiml 4


Q7) Create web pages using Anchor tag with its attributes for external
<html>
<head>
<title> MY 7th WEB PAGE </title>
</head>
<body>
<a href="#" target = "_blank"> <h2> Introduction to html </h2> </a>
</body>
</html>

Name = Ritik Raj


Branch/Section = CSE AIML -4
Year = 2nd
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;
}
</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="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Prime_Minister_Of_Bharat_Shr
i_Nar endra_Damodardas_Modi_with_Shri_Rohit_Gurunath_Sharma_%28Cropped%29.jpg/330px-
Prime_Minister_Of_Bharat_Shri_Narendra_Damodardas_Modi_with_Shri_Rohit_Gurunath_Sharma_
%28Cr opped%29.jpg"> </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) 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 WEB PAGE </title>
</head>
<body bgcolor ="pink">
<marquee behavior="scroll" direction="right" style="font-size:20px;
color:red;"> WELCOME TO GREATER NOIDA </marquee>
</body>
</html
Q 10) Create a web page, showing an ordered list of all
second semester courses.
<html>
<head>
<title> MY SECOND WEB PAGE </title>
</head><body>
<h1>first Semester marks List</h1>
<ol>
<li>English 98 </li>
<li>Maths 98</li>
<li>Digital electronics & computer fundamentals 97 </li>
<li>Data structure 96 </li>
<li>Python 99 </li>
</ol>
</body>
</html>

Name = Ritik Raj


Branch/Section = CSE AIML -4
Year = 2nd
Name = Ritik Raj
Branch/Section = CSE AIML -4
Year = 2nd
Q11) Create a web page, showing an unordered list of all the diploma
Programs.
<html>
<head>
<title> MY SECOND WEB PAGE </title>
</head>
<body>
<ul>
<li>Computer Science and Engg. (Artificial Intelligence)</li>
<li>Electronics and communication </li>
<li>Civil Engg. </li>
<li>Mechanical Engg. </li>
<li>Chemical Engg.</li>
</ul>
</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>page 56</li>
<li>page 59 </li>
</ol type=1>
<li>chapter 2</li>
<ol type=1>
<li>page 60</li>
<li>page 65</li>
</ol>
</ol>
</body>
</html>

Name = Ritik Raj


Branch/Section = CSE AIML -4
Year = 2nd
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>
<th> year/semester</th>
<th> data of admission</th>
</tr>
<tr>
<td> 20AK1A0501</td>
<td> suma</td>
<td> 2nd</td>
<td> 12/08/2006</td>
</tr>
<td> 20C6798982</td>
<td> mahesh</td>
<td> 4th</td>
<td> 08/09/2002</td>
</tr>
<td> 2065676050</td>
<td> Ravi</td>
<td> 3rd</td>
<td> 11/11/2001</td>
</tr>
</table>
</body>
</html>

Name =Ritik Raj


Branch/Section = CSEAIML-4
Group =2
Year =2nd
Name =Ritik Raj
Branch/Section = CSEAIML-4
Group =2
Year =2nd

You might also like