HTML & CSS Lab Record
Program 1
Aim:
Acquaintance with HTML elements, tags and structure
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 2
Aim:
Practice text formatting
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 3
Aim:
Use multimedia
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 4
Aim:
Design webpage layout
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 5
Aim:
Work with lists
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 6
Aim:
Work with tables
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 7
Aim:
Practice hyperlinks
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 8
Aim:
Work with frames
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 9
Aim:
Create forms and controls
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 10
Aim:
Create style sheets
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 11
Aim:
Use background, text and font properties
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 12
Aim:
Use CSS list properties
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 13
Aim:
Use CSS box model
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 14
Aim:
Use positioning and block properties
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 15
Aim:
Internal stylesheet
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.
Program 16
Aim:
External stylesheet
Theory:
HTML is used to create web pages. CSS is used to style web pages. This program
demonstrates the required concept in a simple way.
Program:
(Write the corresponding HTML/CSS program here.)
Output Preview:
______________________________
(Paste screenshot after execution)
Result:
The program was executed successfully and the expected output was obtained.