Assignment-1
E-commerce
1.HTML Introduction and Basic structure of HTML.
HTML stands for HyperText Markup Language. It is used to design web pages using
a markup language. HTML is the combination of Hypertext and Markup language.
Hypertext defines the link between the web pages. A markup language is used to
define the text document within tag which defines the structure of web pages. This
language is used to annotate (make notes for the computer) text so that a machine
can understand it and manipulate text accordingly. Most markup languages (e.g.
HTML) are human-readable. The language uses tags to define what manipulation
has to be done on the text
Basic structure of HTML
<html>
<head></head>
<title>basic</title>
<body>
Hello...How are you
</body>
</html>
2.Create a web page displaying chess with the help of table tag.
<html>
<head>
<title>chess</title>
<body>
<table border="10">
<tr>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
</tr>
<tr>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
</tr>
<tr>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
</tr>
<tr>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
</tr>
<tr>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
<td height="50px" width="50px" bgcolor="white"></td>
<td height="50px" width="50px" bgcolor="black"></td>
</tr>
</body>
</head>
</html>
3.create a web page displaying ordered and unordered list
<html>
<head>
<title>ordered list</title>
<body>
<h1>ordered list</h1>
<ol>
<li>daksh</li>
<li>anjali</li>
<li>sneha</li>
<li>aman</li>
<li>keshav</li>
</ol>
</body>
</head>
</html>
<html>
<head>
<title>unordered list</title>
<body>
<h1>unordered list</h1>
<ul>
<li>daksh</li>
<li>anjali</li>
<li>sneha</li>
<li>aman</li>
<li>keshav</li>
</ul>
</body>
</head>
</html>
4. create a web page to display multiple heading using H1 to H6
<html>
<head></head>
<title>heading</title>
<body>
<center>
<h1>hello</h1>
<h2>hello</h2>
<h3>hello</h3>
<h4>hello</h4>
<h5>hello</h5>
<h6>hello</h6>
</center>
</body>
</html>
5. create a web page with background color tag.
<html>
<head></head>
<title>heading</title>
<body bgcolor="red">
<center>
<h1>welcome</h1>
<h2> welcome </h2>
<h3> welcome </h3>
<h4> welcome </h4>
<h5> welcome </h5>
<h6> welcome </h6>
</center>
</body>
</html>
7.create a web page with align tag using center, left and right.
<html>
<head></head>
<title>heading</title>
<body>
<div align="center">
Hello...My name is kartik garg
</div>
</body>
</html>
<html>
<head></head>
<title>heading</title>
<body>
<div align="right">
Hello...My name is katrtik garg
</div>
</body>
</html>
<html>
<head></head>
<title>heading</title>
<body>
<div align="left">
Hello...My name is kartik garg
</div>
</body>
</html>
