Ex. No:1(A)(a) CREATE A WEBSITE USING HTML AND CSS
(LIST)
Date:
AIM:
To create a simple web page that displays a list using HTML and styles it with CSS.
ALGORITHM:
Start by creating a basic HTML structure with <html>, <head>, and <body> tags.
Add a heading to the page using <h1> or <h2>.
Create a list using <ul> (unordered list) or <ol> (ordered list).
Add list items (<li>) inside the list.
Apply basic CSS styles (like color, font style) to the list and list items.
Save the files and run in a browser.
PROGRAM:
<! DOCTYPE html>
<html>
<head>
<title>Simple List</title>
<style> ul {
color: blue;
}
</style>
</head>
<body
,<h1>My List</h1>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
OUTPUT:
RESULT:
Thus, creation of a web page using HTML and CSS to display related information
through a list has been successfully completed.
,Ex. No.1(A)(b) CREATE A WEBSITE USING HTML AND CSS
Date: (FORM)
AIM:
To create a simple web page that displays a form using HTML and styles it with
CSS.
ALGORITHM:
Start
Open an HTML document
Add a heading using <h2>
Create a form using <form> tag
Add input fields:
Name (using <input>)
Email (using <input>)
Message (using <textarea>)
Add a submit button (<input type="submit">)
Apply basic CSS for alignment and appearance
Save and run the program in a browser
End
PROGRAM:
<!DOCTYPE html>
<html>
<head>
<title>Simple Form</title>
<style
, body {
font-family: Arial;
text-align: center;
}
form {
display: inline-block; background-color: #fff
}
</style>
</head>
<body>
<h2>Simple Contact Form</h2>
<form>
<label>Name:</label><br>
<input type="text"><br>
<label>Email:</label><br>
<input type="email"><br>
<label>Message:</label><br>
<input type=”Message”><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
(LIST)
Date:
AIM:
To create a simple web page that displays a list using HTML and styles it with CSS.
ALGORITHM:
Start by creating a basic HTML structure with <html>, <head>, and <body> tags.
Add a heading to the page using <h1> or <h2>.
Create a list using <ul> (unordered list) or <ol> (ordered list).
Add list items (<li>) inside the list.
Apply basic CSS styles (like color, font style) to the list and list items.
Save the files and run in a browser.
PROGRAM:
<! DOCTYPE html>
<html>
<head>
<title>Simple List</title>
<style> ul {
color: blue;
}
</style>
</head>
<body
,<h1>My List</h1>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
OUTPUT:
RESULT:
Thus, creation of a web page using HTML and CSS to display related information
through a list has been successfully completed.
,Ex. No.1(A)(b) CREATE A WEBSITE USING HTML AND CSS
Date: (FORM)
AIM:
To create a simple web page that displays a form using HTML and styles it with
CSS.
ALGORITHM:
Start
Open an HTML document
Add a heading using <h2>
Create a form using <form> tag
Add input fields:
Name (using <input>)
Email (using <input>)
Message (using <textarea>)
Add a submit button (<input type="submit">)
Apply basic CSS for alignment and appearance
Save and run the program in a browser
End
PROGRAM:
<!DOCTYPE html>
<html>
<head>
<title>Simple Form</title>
<style
, body {
font-family: Arial;
text-align: center;
}
form {
display: inline-block; background-color: #fff
}
</style>
</head>
<body>
<h2>Simple Contact Form</h2>
<form>
<label>Name:</label><br>
<input type="text"><br>
<label>Email:</label><br>
<input type="email"><br>
<label>Message:</label><br>
<input type=”Message”><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
