Scribd
Upload
16 views

Minor HTML

Uploaded by

3wpao
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views

Minor HTML

Uploaded by

3wpao
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 15

Q.01 Write an HTML Code that display the values 1-5.

<!DOCTYPE html>
<html>
<head>
<title>Print 5 Numbere</title>
</head>
<body>
<div align="center">
<font font color="Red" >Display The Values 1-5</font></div>
<div align="center">
<p>1 2 3 4 5</p>
</div>
</body>
</html>

OUTPUT
Q.02 Write an HTML Code that display two paragraph with different fonts and
colors.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Assignment </title>
</head>
<body>
<div><font size="3" color="green">
<h3 align="center">IST PARAGRAPH</h3>
<p>A software engineer with a focus on creating blockchain-based applications is
known as a blockchain developer.</p>
<div><font size="3" color="navy blue">
<h3 align="center">2ND PARAGRAPH</h3>
<p>A blockchain is a distributed database that is used to maintain a continuously
growing list of records, called blocks.</p>
</font></div>
</body>
</html>
OUTPUT
Q.03 Write a HTML Code that has all the basic formatting tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formatting</title>
</head>
<body>
<h1><font size="4" color="navy blue">HTML: Basic Formatting Tags</font></h1>

<p>Here are some of the most commonly used formatting tags in HTML:</p>
<div align="center">
<hr>
<p> &lt;b&gt;<b>Bold Text</b>&lt;b&gt;</p>
<p> &lt;i&gt;<i>Italic Text</i>&lt;i&gt;</p>
<p> &lt;u&gt;<u>Underline Text</u>&lt;u&gt;</p>
<p> &lt;em&gt;<em>Emphasis Text</em>&lt;em&gt;</p>
<p> &lt;strong&gt;<strong>Important Text</strong>&lt;strong&gt;</p>
<p> &lt;sub&gt;<sub>Subscript</sub> Text&lt;sub&gt;</p>
<p> &lt;sup&gt;<sup>Superscript</sup> Text&lt;sup&gt;</p>
<p> &lt;small&gt;<small>Smaller Text</small>&lt;small&gt;</p>
<p> &lt;big&gt;<big>bigger Text</big>&lt;big&gt;</p>
</div>

</body>
</html>
OUTPUT
Q. 04 Write a HTML Code that displays an ordered and un ordered list (with
different fonts and colors).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Orderd & Unorderd list</title>
</head>
<body>
<div>
<h1 align="center"><font color="red">Orderd List</font></h1>
<h2><font color="blue">Top 5 Battle Royal Games</font></h2>
<ol>
<big>
<li>PUBG</li>
<li>Free Fire</li>
<li>Call Of Duty</li>
<li>Apex Legends</li>
<li>Fortnite</li>
</big>
</ol>
</div>
<div>
<h1 align="center"> <font color="red">In Orderd List</font></h1>
<h2><font color="navy blue" face="arial" >Top 5 Battle Royal Games</font></h2>
<ul><big>
<li>PUBG</li>
<li>Free Fire</li>
<li>Call Of Duty</li>
<li>Apex Legends</li>
<li>Fortnite</li>
</ul>
</div>
</body>
</html>
OUTPUT
Q. 05 Write a HTML Code that displays a 5*5 table in the middle of a web page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>5X5 Table</title>
</head>
<body>

<h2 align="center">Simple Table In HTML</h2>

<h2 align="center">3x3 Table</h2>


<table align="center" border="3" cellpadding="7" cellspacing="7">

<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>

</tr>

</tbody>
</table>
</body>
OUTPUT
Q.06 Write a HTML Code that shows the BCA first Semester Marks Sheet.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=table, initial-scale=1.0">
<title>Marksheet</title>
</head>
<body>
<h2 align="center"><font color="red">MARKSHEET OF BCA 1<SUP>st</SUP> SEM </font></h2>
<table border="1" align="center" bgcolor="white">
<tbody align="center">
<tr>
<th>S.No.</th>
<th>Name</th>
<th>Exam Roll No.</th>
<th>Stream</th>
<th>Min Marks
(400)</th>
<th>Max Marks
(500)
</th>

</tr>
<tr >
<td>1</td>
<td>Danishwer</td>
<td>208140001</td>
<td>BCA</td>
<td>499</td>
<td>500</td>
</tr>
<tr>
<td>2</td>
<td>Zobiya Rathore</td>
<td>208140002</td>
<td>BCA</td>
<td>489</td>
<td>500</td>
</tr>
<tr>
<td>3</td>
<td>Umar Rabbani Butt</td>
<td>208140003</td>
<td>BCA</td>
<td>479</td>
<td>500</td>
</tr>

</tbody>
</table>
</body>
</html>

OUTPUT
Q.07 Write a HTML Code that has a Registration Form with the following input:
Student Name, Father’s Name, Mother’s Name, Date of Birth, Gender, E-Mail,
Phone No. Address, Qualification, Stream, City, State, Country.
(Note; The above Form should be labeled using a table)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<table border="2" cellpadding="1" align="center">
<h2 align="center"><font color="red">Registeration Form</font></h2>
<td>Name:</td>
<td><input type="text" placeholder="Enter Your Name" id="Name" required></td></tr>
<tr>
<td>Father's Name:</td>
<td><input type="text" placeholder="Enter Father's Name" id=" FName"
required></td></tr>
<tr>
<tr><td>Date of birth</td>
<td><input type="date" id="DOB" required></td></tr>
<tr><td>E-Mail:</td>
<td><input type="email" placeholder="Enter Your E-Mail" id="email"required></td></tr>
<tr><td>Gender:</td>
<td>Male
<input type="radio" id="M" name="gen" required>
Female
<input type="radio" id="F" name="gen" required>
</table>
<div align="center">
<input type="submit">
<input type="reset">
</div>
</form>
</body>
</html>
OUTPUT
Q.08 Write an HTML Code that Links all the above given web page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<h3 align="center">1-7 Assignment Questions</h3>


<h4>HTML Document That:</h4>
<ol>
<li>Displays the values 1 to 5.</li>
<a href="assignment1.html" >Read More</a>
<br><br>
<li>Displays two paragraphs with different fonts and colors.</li>
<a href="assignment2.html"">Read More</a>
<br><br>
<li>Has all the basic formatting tags.</li>
<a href="assignment3.html"">Read More</a>
<br><br>
<li>Has all Displays an ordered and in ordered list (with different fonts and
colors).</li>
<a href="assignment4.html" >Read More</a>
<br><br>
<li>Displays a 3x3 table in the middle of a web page.</li>
<a href="assignment5.html" >Read More</a>
<br><br>
<li>Shows the BCA first semester marks sheet.</li>
<a href="assignment6.html" >Read More</a>
<br><br>
<li>Has a registration form of a student </li>
<a href="assignment7.html" >Read More</a>
</ol>

</body>
</html>
`OUTPUT

You might also like