Scribd
Upload
21 views18 pages

Assigments Ec (Code)

The document contains 14 HTML assignments covering various HTML tags and concepts like headings, horizontal rules, images, lists, links etc. Each assignment contains the code for a simple HTML page demonstrating the intended concept through the use of relevant tags.

Uploaded by

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

Assigments Ec (Code)

The document contains 14 HTML assignments covering various HTML tags and concepts like headings, horizontal rules, images, lists, links etc. Each assignment contains the code for a simple HTML page demonstrating the intended concept through the use of relevant tags.

Uploaded by

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

Assignment -1

<!DOCTYPE html>
<html>
<head>
<title>Assignment 1</title>
</head>
<body>
<font size="5">Assignment 1 on Heading Tag</font>
<h1>This is Heading</h1>
<h2>This is Heading</h2>
<h3>This is Heading</h3>
<h4>This is Heading</h4>
<h5>This is Heading</h5>
<h6>This is Heading</h6>
</body>
</html>
Assignment-2
<!DOCTYPE html>
<html>
<head>
<title>Bhargav </title>
</head>
<body>
<h1 align="center">Assignment-2 {USE OF HR TAG}</h1>
<br>
<hr size=40 width=100 color="blue" align="center">
<hr size=40 width=200 color="orange" align="center">
<hr size=40 width=300 color="green" align="center">
<h1 align="center">USE OF HR TAG</h1>
<hr size=40 width=300 color="green" align="center">
<hr size=40 width=200 color="orange" align="center">
<hr size=40 width=100 color="blue" align="center">
</body>
</html>
Assignemt-3
<!DOCTYPE html>
<html>
<head>
<title>Bhargav Pandey</title>
</head>
<body>
<h1 align="center">Assignment-3</h1>
<br>
<h1>INDIAN FLAG</h1>
<hr size=40 width=300 color="orange" align="left">
<hr size=40 width=300 align="left">
<hr size=40 width=300 color="green" align="left">
<hr size=300 width=30 color="black" align="left">
<hr size=34 width=100 color="red" align="left">
<hr size=34 width=200 color="red" align="left">
<hr size=34 width=300 color="red" align="left">
</body>
</html>
Assignment-4
<!DOCTYPE html>
<html>
<head>
<title>Assignment 4</title>
</head>
<body>
<h1>Assignment 4 On Superscript and Subscript</h1>
<br>
<h1>Superscript Tag</h1>
<br>
(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab<br>
(a-b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>-2ab<br>
(y<sup>2</sup>-x<sup>2</sup>)=(y-x)(y+x)<br>
(x+2)(x+3)=x<sup>2</sup>+5x+6<br>
(2x+5)(3x+2)=6x<sup>2</sup>+19x+10<br>
<br>
<h1>Subscript Tag</h1>
<br>
Fe+Cl<sub>2</sub>=FeCl<sub>3</sub><br>
S<sub>8</sub>+O<sub>2</sub>=SO<sub>3</sub><br>
H<sub>2</sub>O+O<sub>2</sub>=H<sub>2</sub>O<sub>2</sub><br>
C<sub>3</sub>H<sub>8</sub>+O<sub>2</sub>=CO<sub>2</sub>+H<sub>2</
sub>O<br>
Al+O<sub>2</sub>=Al<sub>2</sub>O<sub>3</sub><br>
</body>
</html>
Assignment-7
<!DOCTYPE html>
<html>
<head>
<title>Assignment 7</title>
</head>
<body>
<h1>Assignment 7</h1>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg" width="200" vspace=10>
<br>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg" width="200" vspace=10>
<br>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg" width="200"vsapce=10>
</body>
</html>
Assignment-8
<!DOCTYPE html>
<html>
<head>
<title>Assignment 8</title>
</head>
<body><h1>Assignment 8</h1>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg"
height=400 width=400 border=4>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg"
hspace=10 height=300 width=300
border=4>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg"
hspace=10 height=200 width=200
border=4>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg"
hspace=10 height=100 width=100
border=4>
</head>
</html>
Assignment-9
<!DOCTYPE html>
<html>
<head>
<title>Assignment 9</title>
</head>
<body><h1>Assignment 9</h1>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg"align="left"
height=200 width=200
border=3>
<br>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg" vspace=100
hspace=400 height=200
width=200 border=4>
<br>
<img src="C:\Users\hp\Downloads\pexels-pixabay-162140.jpg"align="right"
height=200 width=200
border=5>
</body>
</html>

Assignment-10
<!DOCTYPE html>
<html>
<head>
<title>Assignment 10</title>
</head>
<body>
<h1>Assignment 10 On Ordered List</h1>
<font size="5" color="Blue"><u>List of Months</u></font>
<ol type="1">
<li>January</li><li>February</li><li>March</li>
<li>April</li><li>May</li><li>June</li>
<li>July</li><li>August</li><li>September</li>
<li>October</li><li>November</li><li>December</li>
</ol>
<br>
<font size="5" color="green"><u>List of Months</u></font>
<ol type="A">
<li>January</li><li>February</li><li>March</li>
<li>April</li><li>May</li><li>June</li>
<li>July</li><li>August</li><li>September</li>
<li>October</li><li>November</li><li>December</li>
</ol>
</body>
</html>
Assignment-11
<!DOCTYPE html>
<html>
<head>
<title>Assignment 11</title>
</head>
<body>
<h1>Assignment 11 On Unordered List</h1>
<font size="5" color="red"><u>List of Days in a Week</u></font>
<ul type="circle">
<li>Sunday</li><li>Monday</li><li>Tuesday</li>
<li>Wednesday</li><li>Thursday</li><li>Friday</li>
<li>Saturday</li></ul>
<br>
<font size="5" color="yellow"><u>List of 7 States</u></font>
<ul type="square">
<li>Delhi</li><li>Haryana</li><li>Uttar Pradesh</li>
<li>Kerala</li><li>Orissa</li><li>Uttrakhand</li>
<li>TamilNadu</li></ul>
<br>
<font size="5" color="browm"><u>List of 5 Fruits</u></font>
<ul type="disc">
<li>Apple</li><li>Orange</li><li>Banana</li>
<li>Papaya</li><li>Grapes</li></ul>
</body>
</html>
Assignment-12
<!DOCTYPE html>
<html>
<head>
<title>Assignment 12</title>
</head>
<body>
<h1>Assignment 12 On Nested List</h1>
<br>
<h1>Courses Run by GGSIPU at MAIMS</h1>
<ul type="circle">
<li><font size="5" color="green">BBA</font></li>
<br>
<ul type="disc">
<li>Duration 3 Years</li>
<ol type="a"><li><font color="yellow">Semester 1</font></li>
<ol type="i"><li>BBA 101</li><li>BBA 103</li><li>BBA 105</li><li>BBA
107</li></ol>
<li><font color="blue">Semester 2</font></li>
<ol type="i"><li>BBA 102</li><li>BBA 104</li><li>BBA 106</li><li>BBA
108</li></ol>
<li><font color="blue">Semester 3</font></li>
<ol type="i"><li>BBA 201</li><li>BBA 203</li><li>BBA 205</li><li>BBA
207</li></ol>
</ol></ul>
<br>
<li><font size="5" color="blue">BCOM(H)</font></li>
<br>
<ul type="disc">
<li>Duration 3 Years</li>
<ol type="a"><li><font color="red">Semester 1</font></li>
<ol type="i"><li>BCOM(H) 101</li><li>BCOM(H) 103</li><li>BCOM(H)
105</li><li>BCOM(H) 107</li></ol>
<li><font color="blue">Semester 2</font></li>
<ol type="i"><li>BCOM(H) 102</li><li>BCOM(H) 104</li><li>BCOM(H)
106</li><li>BCOM(H) 108</li></ol>
<li><font color="blue">Semester 3</font></li>
<ol type="i"><li>BCOM(H) 201</li><li>BCOM(H) 203</li><li>BCOM(H)
205</li><li>BCOM(H) 207</li></ol>
</ol></ul>
<br>
<li><font size="5" color="green">BA LLB</font></li>
<br>
<ul type="disc">
<li>Duration 5 Years</li>
<ol type="a"><li><font color="green">Semester 1</font></li>
<ol type="i"><li>BA LLB 101</li><li> 103</li>BA LLB 103<li>BA LLB
105</li><li>BA LLB 107</li></ol>
<li><font color="blue">Semester 2</font></li>
<ol type="i"><li>BA LLB 102</li><li>BA LLB 104</li><li>BA LLB
106</li><li>BA LLB 108</li></ol>
<li><font color="blue">Semester 3</font></li>
<ol type="i"><li>BA LLB 201</li><li>BA LLB 203</li><li>BA LLB
205</li><li>BA LLB 207</li></ol>
</ol></ul>
</ul>
</body>
</html>

Assignment-13
<!DOCTYPE html>
<html>
<head>
<title>Assignment 13</title>
</head>
<body>
<h1>Assignment 13 on Definition List</h1>
<br>
<font size="7" align="center" color="blue">Different terms used in
HTML</font>
<dl>
<dt>HTML</dt>
<dd>HTML stands for Hypertext Markup Language. It's a scripting language
that web browsers use to display web
pages. HTML is a series of short codes that are typed into a text file and saved
as an HTML file.</dd>
<br>
<dt>DHTML</dt>
<dd>Dynamic Hypertext Markup Language (DHTML) is a combination of web
development technologies that can
create interactive and dynamic web pages</dd>
<br>
<dt>XML</dt>
<dd>XML stands for Extensible Markup Language. It's a markup language and
file format for storing, transmitting,
and reconstructing data.</dd>
<br>
<dt>Types of Tags</dt>
<dd>HTML tags can be categorized into three main types: Opening tags,
Closing tags, Content tags.</dd>
<br>
<dt>CSS</dt>
<dd>CSS stands for Cascading Style Sheets. It's a computer language that
controls how webpages look in a browser.
CSS is used to style and lay out webpages</dd>
<br>
<dt>Links in HTML</dt>
<dd>In HTML, links, also known as hyperlinks, are elements that allow users to
navigate between web pages and
external resources</dd>
</body>
</html>
Assignmet-14
<!DOCTYPE html>
<html>
<head>
<title>Assignment 1</title>
</head>
<body>
<h1 align="center">Assignment 14 on Internal Link</h1>
<font size="7" color="red"><u><center>Index</center></u></font>
<ol type="1">
<font size="5"><li><a href="Assignment 1.html">Assignment
1</a></li></font>
<font size="5"><li><a href="Assignment 2.html">Assignment
2</a></li></font>
<font size="5"><li><a href="Assignment 3.html">Assignment
3</a></li></font>
<font size="5"><li><a href="Assignment 4.html">Assignment
4</a></li></font>
<font size="5"><li><a href="Assignment 5.html">Assignment
5</a></li></font>
<font size="5"><li><a href="Assignment 6.html">Assignment
6</a></li></font>
<font size="5"><li><a href="Assignment 7.html">Assignment
7</a></li></font>
<font size="5"><li><a href="Assignment 8.html">Assignment
8</a></li></font>
<font size="5"><li><a href="Assignment 9.html">Assignment
9</a></li></font>
<font size="5"><li><a href="Assignment 10.html">Assignment
10</a></li></font>
<font size="5"><li><a href="Assignment 11.html">Assignment
11</a></li></font>
<font size="5"><li><a href="Assignment 12.html">Assignment
12</a></li></font>
<font size="5"><li><a href="Assignment 13.html">Assignment
13</a></li></font>
<font size="5"><li><a href="Assignment 15.html">Assignment
15</a></li></font>
</ol>
</body>
</html>

You might also like