Scribd
Upload
16 views7 pages

PCA1 IT Assignment Adil Imtiaz

Online assignment for it

Uploaded by

adilimteyaz2002
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
16 views7 pages

PCA1 IT Assignment Adil Imtiaz

Online assignment for it

Uploaded by

adilimteyaz2002
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/ 7

Calcutta Anglo-Gujarati School

Name: Adil Imtiaz

Semester: 5th

Stream: BCA

Subject: IT

Subject Teacher: SV Sir


Index

Assignment No. Description Page No.

1 HTML code for table creation 3

2 Form creation using HTML 4

3 Image insertion in HTML 5


Assignment 1: HTML Code for Table Creation

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Semester Marksheet</title>

<style>

table {

border-collapse: collapse;

width: 70%;

margin: 20px auto;

th, td {

border: 1px solid black;

padding: 10px;

text-align: center;

th {

background-color: #1b2a41;

color: white;

</style>

</head>

<body>
<h2 style="text-align: center;">Semester Marksheet</h2>

<table>

<tr>

<th>Subject Code</th>

<th>Subject Name</th>

<th>Marks Obtained</th>

<th>Total Marks</th>

<th>Grade</th>

</tr>

<tr>

<td>CS101</td>

<td>Data Structures</td>

<td>85</td>

<td>100</td>

<td>A</td>

</tr>

<tr>

<td>CS102</td>

<td>Database Management</td>

<td>78</td>

<td>100</td>

<td>B+</td>

</tr>

</table>

</body>

</html>
Assignment 2: Form Creation Using HTML

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Student Form</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 40px;

form {

width: 300px;

margin: 0 auto;

input {

width: 100%;

padding: 10px;

margin: 10px 0;

label {

font-weight: bold;

</style>
</head>

<body>

<h2>Student Information Form</h2>

<form action="#" method="POST">

<label for="name">Student Name:</label>

<input type="text" id="name" name="name" required>

<label for="age">Student Age:</label>

<input type="number" id="age" name="age" required>

<label for="dob">Date of Birth:</label>

<input type="date" id="dob" name="dob" required>

<label for="email">Email:</label>

<input type="email" id="email" name="email" required>

<label for="phone">Phone Number:</label>

<input type="tel" id="phone" name="phone" pattern="[0-9]{10}" title="Enter a valid 10-digit

phone number" required>

<input type="submit" value="Submit">

</form>

</body>

</html>
Assignment 3: Image Insertion in HTML

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Image Insertion</title>

</head>

<body>

<h1>Welcome to My Webpage</h1>

<p>This is a simple webpage containing a paragraph and an image. You can modify it as per

your needs.</p>

<img src="https://via.placeholder.com/150" alt="Sample Image">

</body>

</html>

You might also like