0% found this document useful (0 votes)
14 views8 pages

HTML Divs Extracted

Uploaded by

the.celtics.yash
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views8 pages

HTML Divs Extracted

Uploaded by

the.celtics.yash
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

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>

You might also like