VASANTHAKUMAR S

CH.SC.U4CSE23257

ExpErimEnt 1
Basic html programs
aim :
HTML or Hyper text markup language is standard markup
language for creating web pages, Our aim to create well structured and
semantically basic programs.

algorithm:
• Step 1: Open Notepad .
• Step 2: Write the program .
• Step 3 : Save your file with an extension of .htm or .html
• Step 4 : Click on the file an Click On “open with” and select .
• the web browser you want to view your output .
• Step 5 : You will get the required output.

Source code:
EXPERIMENT 1(a): TO PRINT A PARAGRAPH

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 1(b):DIFFERENT HEADING SIZES

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 1(c): BACKGROUND COLOUR

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 1(d): BOLDING THE TEXT

OUTPUT:

EXPERIMENT 1(e): HTML STYLES

1. BACKGROUND COLOUR

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

2.FONT FAMILY

OUTPUT:

3.FONT SIZE

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 1 (f): TEXT ALIGNMENT

OUTPUT:

EXPERIMENT 1(g): SHORT QUOTATIONS

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 1(h):HTML ADDRESS ELEMENT

OUTPUT:

EXPERIMENT 1(i): CITE ELEMENT

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 1(j): SMALL TEXT

OUTPUT:

RESULT:
The above HTML basic programs are executed
successfully.
VASANTHAKUMAR S
CH.SC.U4CSE23257
VASANTHAKUMAR S
CH.SC.U4CSE23257

ExpErimEnt 2
Basic html tags and taBlEs

aim :

HTML or Hyper text markup language is standard markup

language for creating web pages, Our aim to create well structured and
semantically basic programs.

algorithm:

• Step 1: Open Notepad .

• Step 2: Write the program .
• Step 3 : Save your file with an extension of .htm or .html
• Step 4 : Click on the file an Click On “open with” and select .
• the web browser you want to view your output .
• Step 5 : You will get the required output.
VASANTHAKUMAR S
CH.SC.U4CSE23257

SOURCE CODE:
EXPERIMENT 2(a): TO DISPLAY A TABLE

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 2(b):ADD BACKGROUND COLOUR AND CAPTION TO A

TABLE
VASANTHAKUMAR S
CH.SC.U4CSE23257

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 2(C): ADD WIDTH TO A TABLE

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 2(d):HYPERLINK IMAGE AS A LINK

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 2(e): LINK TO AN EMAIL ADDRESS

VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 2(f):BUTTON AS A LINK

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 2(g): LINK TITLES

OUTPUT:

RESULT:
The above HTML basic programs are executed
successfully.

THANK YOU
VASANTHAKUMAR S
CH.SC.U4CSE23257
VASANTHAKUMAR S
CH.SC.U4CSE23257

ExpErimEnt 3
Html forms and vidEo ElEmEnts
aim :
HTML or Hyper text markup language is standard markup
language for creating web pages, Our aim to create well structured and
semantically basic programs.

algoritHm:
• Step 1: Open Notepad .
• Step 2: Write the program .
• Step 3 : Save your file with an extension of .htm or .html
• Step 4 : Click on the file an Click On “open with” and select .
• the web browser you want to view your output .
• Step 5 : You will get the required output.

source code:
EXPERIMENT 3(a):<form element>

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 3(b):INPUT ELEMENT AND TEXT FIELDS

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 3(c):RADIO BUTTONS

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 3(d):CHECKBOXES

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMRNT 3(e):THE SUBMIT BUTTON

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 3(f):ALLOWING MULTIPLE SELECTIONS

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 3(g):ADDING VIDEO TO A WEBPAGE

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT 3(h):ADDING PLAY CONTROLS TO THE

VIDEO

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

EXPERIMENT(i):LOOPING THE VIDEO

OUTPUT:
VASANTHAKUMAR S
CH.SC.U4CSE23257

RESULT:
The above HTML basic programs are executed
successfully.