Scribd
Upload
1 views7 pages

HTML CSS Lab Record With Sample Output

The document outlines a series of HTML and CSS lab programs, each demonstrating different aspects such as basic HTML structure, text formatting, multimedia, layout, lists, tables, hyperlinks, frames, forms, inline CSS, background/text/font, list properties, box model, positioning, internal CSS, and external CSS. Each program includes an aim, theory, sample output, and confirms successful execution with expected results. The content serves as a practical guide for learning web development fundamentals.

Uploaded by

bhagyamath3174
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
1 views7 pages

HTML CSS Lab Record With Sample Output

The document outlines a series of HTML and CSS lab programs, each demonstrating different aspects such as basic HTML structure, text formatting, multimedia, layout, lists, tables, hyperlinks, frames, forms, inline CSS, background/text/font, list properties, box model, positioning, internal CSS, and external CSS. Each program includes an aim, theory, sample output, and confirms successful execution with expected results. The content serves as a practical guide for learning web development fundamentals.

Uploaded by

bhagyamath3174
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

HTML & CSS Lab Record with Sample Output

Program 1: Basic HTML

Aim
To demonstrate basic html in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Displays heading 'Welcome to HTML' and a paragraph.

Result
The program was executed successfully and the expected output was obtained.

Program 2: Text Formatting

Aim
To demonstrate text formatting in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Shows bold, italic, underline, highlighted text, H₂O and X².

Result
The program was executed successfully and the expected output was obtained.

Program 3: Multimedia

Aim
To demonstrate multimedia in HTML/CSS.
Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Displays an image, audio player and video player.

Result
The program was executed successfully and the expected output was obtained.

Program 4: Layout

Aim
To demonstrate layout in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Shows header, navigation, content and footer.

Result
The program was executed successfully and the expected output was obtained.

Program 5: Lists

Aim
To demonstrate lists in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.
Sample Output
[Preview]
Displays ordered and unordered lists.

Result
The program was executed successfully and the expected output was obtained.

Program 6: Tables

Aim
To demonstrate tables in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Displays a table with Name and Age columns.

Result
The program was executed successfully and the expected output was obtained.

Program 7: Hyperlink

Aim
To demonstrate hyperlink in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Shows a clickable 'Visit Google' link.

Result
The program was executed successfully and the expected output was obtained.
Program 8: Frames

Aim
To demonstrate frames in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Window divided into two frames: Menu and Welcome.

Result
The program was executed successfully and the expected output was obtained.

Program 9: Forms

Aim
To demonstrate forms in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Displays a simple form with text box and submit button.

Result
The program was executed successfully and the expected output was obtained.

Program 10: Inline CSS

Aim
To demonstrate inline css in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.
Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Heading 'Hello' appears in red.

Result
The program was executed successfully and the expected output was obtained.

Program 11: Background/Text/Font

Aim
To demonstrate background/text/font in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Light blue background with a red heading.

Result
The program was executed successfully and the expected output was obtained.

Program 12: List Properties

Aim
To demonstrate list properties in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Square bullets are displayed for the list.

Result
The program was executed successfully and the expected output was obtained.
Program 13: Box Model

Aim
To demonstrate box model in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
A bordered box with padding and margin is shown.

Result
The program was executed successfully and the expected output was obtained.

Program 14: Positioning

Aim
To demonstrate positioning in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Heading appears shifted to the right.

Result
The program was executed successfully and the expected output was obtained.

Program 15: Internal CSS

Aim
To demonstrate internal css in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.
Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Blue heading using internal stylesheet.

Result
The program was executed successfully and the expected output was obtained.

Program 16: External CSS

Aim
To demonstrate external css in HTML/CSS.

Theory
HTML creates the webpage structure. CSS is used to style webpage elements where
applicable.

Program
Refer to the corresponding program code in your lab manual.

Sample Output
[Preview]
Centered green heading using external stylesheet.

Result
The program was executed successfully and the expected output was obtained.

You might also like