Scribd
Upload
7 views3 pages

Doctype HTML

The document discusses the impact of social media on students, highlighting both positive effects such as increased connectivity and access to educational resources, and negative effects including distraction from studies and mental health issues. It includes a table summarizing these impacts and features a feedback form for users to share their experiences. The overall design is structured with a focus on readability and user engagement.

Uploaded by

janvip17112004
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
7 views3 pages

Doctype HTML

The document discusses the impact of social media on students, highlighting both positive effects such as increased connectivity and access to educational resources, and negative effects including distraction from studies and mental health issues. It includes a table summarizing these impacts and features a feedback form for users to share their experiences. The overall design is structured with a focus on readability and user engagement.

Uploaded by

janvip17112004
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/ 3

font-weight: bold;}

input[type="text"], input[type="email"], textarea {


width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;}
input[type="submit"] {
background-color: #4a90e2;
color: #fff;
border: none;
padding: 10px 15px;
cursor: pointer;
font-size: 16px;
border-radius: 4px;}
input[type="submit"]:hover {
background-color: #357ab8;}
</style>
</head>
<body>
<div class="container">
<h1>Impact of Social Media on Students</h1>
<h2>Key Effects of Social Media</h2>
<table>
<tr>
<th>Positive Impact</th>
<th>Negative Impact</th>
</tr>
<tr>
<td>Increased Connectivity and Support Networks</td>
<td>Distraction from Studies</td>
</tr>
<tr>
<td>Access to Educational Resources</td>
<td>Increased Cyberbullying</td>
</tr>
<tr>
<td>Opportunities for Collaboration</td>
<td>Reduced Physical Activity</td>
</tr>
<tr>
<td>Enhanced Creativity and Exposure to Trends</td>
<td>Mental Health Issues like Anxiety and Depression</td>

2
</tr>
</table>
<h2>Your Feedback</h2>
<form action="submit_feedback.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="feedback">How has social media impacted you as a
student?</label>
<textarea id="feedback" name="feedback" rows="4" required></textarea>
<input type="submit" value="Submit Feedback">
</form>
</div>
</body>
</html>

3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impact of Social Media on Students</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
color: #333;
margin: 0;
padding: 0;}
.container {
width: 80%;
margin: auto;
padding: 20px;}
h1, h2 {
color: #4a90e2;
text-align: center;}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background-color: #fff;}
table, th, td {
border: 1px solid #ddd;
padding: 10px;
text-align: center;}
th {
background-color: #4a90e2;
color: #fff;}
form {
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-top: 20px;}
label {
display: block;
margin-bottom: 5px;

You might also like