1.
Sta&c Website Development
A. Create a sta*c website using HTML tables.
[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-
width, initial-scale=1.0">
<title>Static Website</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<h1 style="text-align: center;">This is a
static website</h1>
<p>This is an html Paragraph</p>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<b>This is bold text </b>
<br>
<i>This is italic</i>
<h1>This is a table</h1>
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>
</body>
</html>
[Link]
body {
background-color: rgb(159, 162, 162);
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
width: 50%;
margin: 20px 0;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 8px;
text-align: left;
}
OUTPUT :
B. Create a registra*on form using HTML forms.
[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-
width, initial-scale=1.0">
<title>Registration Form </title>
<style>
*{
font-family: 'Courier New', Courier,
monospace;
color: antiquewhite;
}
body{
background-color: black;
}
.form_div
{
text-align: center;
}
form {
border: 2px dashed rgb(253, 253, 253);
padding: 20px;
display: inline-block;
}
input{
color: black;
}
</style>
</head>
<body>
<h1 style="text-align: center;">This is a
sample Registration Form </h1>
<div class="form_div">
<form action="[Link]" method="get">
<label for="name">Name:</label><br>
<input type="text" id="name" name="name"
required placeholder="this is placeholder"><br><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email"
required placeholder="abc@[Link]"><br><br>
<label for="password">Password:</label><br>
<input type="password" id="password"
name="password" required
placeholder="*****"><br><br>
<input type="submit" value="Register"
style="color: black;">
</form>
</div>
</body>
</html>
Output