Web Technology Codes
Web Technology Codes
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<marquee direction="right">Basic HTML Tags</marquee>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>This is a paragraph demonstrating the paragraph tag.</p>
<hr>
<p>This is some text.<br>This is on a new line.</p>
<blockquote>This is a block quote.</blockquote>
<pre>
Text is
pre-formatted
and retains
spaces and line breaks.
</pre>
<p>This is <b>bold</b> text, <u>underlined</u> text, <sub>subscript</sub> text,
and <sup>superscript</sup> text.</p>
</body>
</html>
2. Table.html:
<!DOCTYPE html>
<html>
<head>
<title>Time Table</title>
</head>
<body>
<h1 style="text-align: center;">Time Table</h1>
<table border="1" align="center" width="80%">
<thead>
<tr>
<th>Day/Period</th>
<th>I<br>9:30-10:25</th>
<th>II<br>10:25-11:20</th>
<th><br>11:20-11:35</th>
<th>III<br>11:35-12:30</th>
<th>IV<br>12:30-1:20</th>
<th><br>1:25-2:15</th>
<th>V<br>2:25-3:10</th>
<th>VI<br>3:10-4:05</th>
<th>VII<br>4:05-5:00</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="10" style="text-align: center;">End of Timetable</td>
</tr>
</tfoot>
<tbody>
<tr style="background-color: #a6a8db;">
<th>Monday</th>
<td>CN</td>
<td>PE-AI</td>
<td rowspan="6" style="background-color: #ffcccb;"><b>TEA
BREAK</b></td>
<td colspan="2" style="background-color: #add8e6;">Lab</td>
<td rowspan="6" style="background-color:
#ffcccb;"><b>LUNCH</b></td>
<td>EVS</td>
<td>RM</td>
<td>TOC</td>
</tr>
...
</tbody>
</table>
</body>
</html>
3. Registration.html:
<!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>
body { font-family: Arial, sans-serif; background-color: #f4f4f4; padding:
20px; }
h1 { color: #333; text-align: center; }
table { margin: 0 auto; padding: 20px; width: 50%; background-color:
#fff; }
th, td { padding: 10px; text-align: left; }
</style>
</head>
<body>
<h1>Registration Form</h1>
<form action="#" method="post">
<table>
<tr><th>First Name:</th><td><input type="text"
name="firstname"></td></tr>
...
</table>
</form>
</body>
</html>