Scribd
Upload
13 views

UID EXP 1 - Merged

This document describes experiments conducted to create basic HTML programs and tags. It includes steps to open Notepad, write HTML code, save and view files in a web browser. Experiments cover inserting paragraphs, headings, background colors, bold text, styles, text alignment, quotes, addresses, citations, small text, tables, captions, widths, hyperlinks to images, email addresses and buttons. The results show that all HTML programs executed successfully.

Uploaded by

vasanthjeeaspirant
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

UID EXP 1 - Merged

This document describes experiments conducted to create basic HTML programs and tags. It includes steps to open Notepad, write HTML code, save and view files in a web browser. Experiments cover inserting paragraphs, headings, background colors, bold text, styles, text alignment, quotes, addresses, citations, small text, tables, captions, widths, hyperlinks to images, email addresses and buttons. The results show that all HTML programs executed successfully.

Uploaded by

vasanthjeeaspirant
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 19

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

You might also like