HTML <div> Tags Extracted from All Programs:
1. Personal Information
<div class="container">
<h1>Personal Information</h1>
<div class="info">
<label>Name:</label>
<span>John Doe</span>
</div>
<div class="info">
<label>Age:</label>
<span>30</span>
</div>
<div class="info">
<label>Email:</label>
<span>[email protected]</span>
</div>
<div class="info">
<label>Phone:</label>
<span>+1 234 567 890</span>
</div>
<div class="info">
<label>Address:</label>
<span>1234 Elm Street, Springfield, IL, USA</span>
</div>
</div>
2. Curriculum Vitae
<div class="container">
<div class="header">
<h1>Your Name</h1>
<h2>Your Job Title</h2>
</div>
<div class="section contact-info">
<div>
<p><strong>Email:</strong> [email protected]</p>
</div>
<div>
<p><strong>Phone:</strong> +123 456 7890</p>
</div>
<div>
<p><strong>Address:</strong> Your Address, City, Country</p>
</div>
</div>
</div>
3. Class Timetable
<div class="container">
<table>
<caption>Semester 1</caption>
<thead>
<tr>
<th>Day</th>
<th>08:00 - 09:00</th>
<th>09:00 - 10:00</th>
<th>10:00 - 11:00</th>
<th>11:00 - 12:00</th>
<th>12:00 - 01:00</th>
<th>01:00 - 02:00</th>
<th>02:00 - 03:00</th>
</tr>
</thead>
<tbody>
<!-- Rows omitted for brevity -->
</tbody>
</table>
</div>
4. User Registration Form
<div class="container">
<h1>User Registration</h1>
<form action="#" method="post">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your first name" required>
</form>
</div>
5. Fixed and Liquid Layout
<div class="fixed-layout">
<div class="fixed-header">
<h2>Fixed Layout</h2>
</div>
<div class="fixed-content">
<p>This layout has a fixed width of 800px...</p>
</div>
<div class="fixed-footer">
<p>Fixed Footer</p>
</div>
</div>
<div class="liquid-layout">
<div class="liquid-header">
<h2>Liquid Layout</h2>
</div>
<div class="liquid-content">
<p>This layout uses a percentage-based width...</p>
</div>
<div class="liquid-footer">
<p>Liquid Footer</p>
</div>
</div>
6. Area Calculator
<div class="container">
<h1>Area Calculator</h1>
<form method="post">
<label for="shape">Choose a Shape:</label>
<select name="shape" id="shape" required>
<option value="triangle">Triangle</option>
<option value="rectangle">Rectangle</option>
<option value="circle">Circle</option>
</select>
<div id="inputs"></div>
<input type="submit" name="submit" value="Calculate Area">
</form>
</div>
7. Digit Count & Palindrome Checker
<div class="container">
<h1>Digit Count & Palindrome Checker</h1>
<form method="post">
<label for="number">Enter a Number:</label>
<input type="number" name="number" id="number" placeholder="Enter your number" required>
<input type="submit" name="submit" value="Check">
</form>
</div>
8. Matrix Operations
<div class="container">
<h1>Matrix Addition & Multiplication</h1>
<form method="post">
<h2>Matrix A</h2>
<label>Enter elements of 2x2 Matrix A:</label>
<input type="number" name="a00" required>
<input type="number" name="a01" required><br>
<input type="number" name="a10" required>
<input type="number" name="a11" required>
<h2>Matrix B</h2>
<label>Enter elements of 2x2 Matrix B:</label>
<input type="number" name="b00" required>
<input type="number" name="b01" required><br>
<input type="number" name="b10" required>
<input type="number" name="b11" required>
<input type="submit" name="submit" value="Compute">
</form>
</div>
9. Login Page
<div class="login-container">
<h2>Login</h2>
<form action="index.php" method="post">
<input type="text" name="username" placeholder="Username" required>
<input type="password" name="password" placeholder="Password" required>
<input type="submit" value="Login">
</form>
</div>
10. Simple Calculator
<div class="calculator-container">
<h2>Simple Calculator</h2>
<form action="index.php" method="post">
<input type="text" name="number1" placeholder="Enter first number" required>
<input type="text" name="number2" placeholder="Enter second number" required>
<select name="operation" required>
<option value="">Select Operation</option>
<option value="add">Add</option>
<option value="subtract">Subtract</option>
<option value="multiply">Multiply</option>
<option value="divide">Divide</option>
</select>
<input type="submit" value="Calculate">
</form>
</div>
11. File Operations - Create and Write File
<div class="file-container">
<h2>Create and Write to File</h2>
<form action="index.php" method="post">
<input type="text" name="filename" placeholder="Enter file name" required>
<textarea name="content" rows="10" placeholder="Enter content to write into the file" required></texta
<input type="submit" value="Create File and Write Content">
</form>
</div>
File Operations - Read File
<div class="file-container">
<h2>Read File Content</h2>
<form action="readfile.php" method="post">
<input type="text" name="filename" placeholder="Enter file name to read" required>
<input type="submit" value="Read File">
</form>
</div>
