1.1) Working of Basic HTML Tags

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

Here is a first paragraph of text.

Here is a second paragraph of text.

Here is a third paragraph of text.

This text is in the center.

1.2) WORKING OF BR, HR, COMMENT AND MARQUEE TAG

O’er all the hilltops
Is quiet now,
In all the treetops
Hearest thou
Hardly a breath;
The birds are asleep in the trees:
Wait, soon like these
Thou too shalt rest.

Document content goes here.....

<marquee>This is basic example of marquee

This text will be followed by a horizontal line

---

1.3) WORKING OF FORMATTING TAGS

The following word uses a bold typeface.

The following word uses an italicized typeface.

The following word uses an underlined typeface.

The following word uses a <sup>superscript typeface.

The following word uses a <sub>subscript typeface.

<pre> This text is

in a fixed-pitch font, and it preserves both spaces and line breaks

This is a text with blue color.

This is a text with red color and bigger.

This is a text in different font style and with green color.

1.4) DISPLAY NESTED LIST

A Nested List

List can be nested (lists inside lists):

• Coffee
• Tea
  1. Black tea
  2. Green tea
• Milk

1.5) Working of menu list <menu type="toolbar">

File <menu type="context" id="file-menu"> <menuitem label="New..." onclick="newFile()"> <menuitem label="Save..." onclick="saveFile()">

Edit <menu type="context" id="edit-menu"> <men uitem label="Cut..." onclick="cutEdit()"> <menuitem label="Copy..." onclick="copyEdit()"> <menuitem label="Paste..." onclick="pasteEdit()">

Directory list

The following are the values:

car

bike

ship

Definition list

Cascading Style Sheets

Style sheets are used to provide presentational suggestions.

Documents structured using XML or HTML are able to make use of them.

Content Management

The process of collecting, managing and publishing content to various media.

1.6) Insert an inline hyperlink image in different frames <TITLE>A simple frameset document <P>This frameset document contains: <UL> <LI><A href="contents_of_frame1.html" rel="nofollow">Some neat contents</A> <LI><IMG src="contents_of_frame2.gif" alt="A neat image"> <LI><A href="contents_of_frame3.html" rel="nofollow">Some other neat contents</A> </UL>



1.7) Insert Table of 5 columns and 7 rows with, cell spacing, cell padding and border. <style> table, th, td { border: 1px solid black; } th, td { padding: 15px; }

Table

Firstname	Lastname	Age	Course	Semester
Rahul	Sharma	19	BBA	1st sem
Anjali	Gupta	20	BBA(CAM)	3rd sem
Simran	Bhardwaj	18	BBA(LLB)	5th sem
Ridhi	Sharma	19	BBA	1st sem
Diya	Gupta	20	BBA(GEN)	3rd sem
Dhruv	Gupta	20	BBA(LLB)	3rd sem
Arush	Malhotra	21	BBA(LLB)	7th sem

Table of 5 columns and 7 rows with colspan and rowsapn <style> table, th, td { border: 1px solid black; }

Table

Firstname	Lastname	Age	Course
Rahul	Sharma	19	BBA	1st sem
	Gupta	20	BBA(CAM)	3rd sem
Simran	Bhardwaj	18	BBA(LLB)	5th sem
Ridhi	Sharma	19	BBA	1st sem
Diya	Gupta	20	BBA(GEN)	3rd sem
Dhruv	Gupta	20	BBA(LLB)	3rd sem
Arush	Malhotra	21	BBA(LLB)	7th sem

1.8) Design application form

Employee Application Form

First name:

Last name:



Age:

Gender:
Male
Female
Other

Nationality:
India
Outside India

Interested Department:
<select name="select2" size="3"> HR Department Sales Department Marketing Department Finance Department

Manufacturing Department R & D Department IT Department

You have filled your information correctly

If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".

2.1) <script type="text/javascript"> for (var a=1; a <= 10; a++) {

document.write("2"+"x"+a+"="+2*a+"
"); }

Arithmetic Operators

<script type+"text/javascript"> var a = 5; var b = 2; var c = a + b; document.write("addition =" ); document.write(c + "
"); var x = 5; var y = 2; var z = x - y; document.write("subtraction ="); document.write(z+"
"); var k= 5; var l= 2; var m = k*l; document.write("multiplication ="); document.write(m);