q HTML TABLE
June 30, 2025 0

HTML TABLE

By Admin 5 min read

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>HTML Table</title>

<style>

table{

border-collapse: collapse;

}

th{

padding: 10px;

background-color: rebeccapurple;

color: white;

font-size: 30px;

}

td{

padding: 10px;

text-align: center;

font-size: 21px;

}

</style>

</head>

<body>

<table border="1">

<tr>

<th>First Name</th>

<th>Last Name</th>

<th>Age</th>

</tr>

<tr>

<td>

John

</td>

<td>

Doe

</td>

<td>

23

</td>

</tr>

<tr>

<td>

Ram

</td>

<td>

Thapa

</td>

<td>

34

</td>

</tr>

<tr>

<td>

Sam

</td>

<td>

Lama

</td>

<td>

44

</td>

</tr>

<tr>

<td>

Sita

</td>

<td>

Pyakurel

</td>

<td>

20

</td>

</tr>

</table>


 

<br><br>

<table>

<tr>

<td>

Name

</td>

<td>

<input type="text" name="" id="" placeholder="Enter your name">

</td>

</tr>

<tr>

<td>

Address

</td>

<td>

<input type="text" name="" id="" placeholder="Enter your address">

</td>

</tr>

<tr>

<td>

Email

</td>

<td>

<input type="text" name="" id="" placeholder="Enter your email">

</td>

</tr>

<tr>

<td>

Age

</td>

<td>

<input type="text" name="" id="" placeholder="Enter your age">

</td>

</tr>

</table>

</body>

</html>

Copy paste