Computer Science, asked by gowravyadav20, 1 month ago

Create A Web Page About Your Favorite Sports Team With A Two-column Table That Lists The Positions And Starting Players. Use Embedded CSS To Style The Table Border, Background Color, And Center The Table On The Web Page.

Answers

Answered by gowravyadav2
1

<!DOCTYPE html>

<html>

<head>

<style>

table {

font-family: arial, sans-serif;

border-collapse: collapse;

}

td, th {

border: 1px solid #dddddd;

text-align: left;

padding: 8px;

}

tr {

background-color: #dddddd;

}

</style>

</head>

<body>

<h2 align = "center">Favourite team</h2>

<table align = "center">

<tr>

<th>Player</th>

<th>Position</th>

</tr>

<tr>

<td>Lionel Messi</td>

<td>Forward</td>

</tr>

<tr>

<td>Osumane Dembele</td>

<td>Forward</td>

</tr>

<tr>

<td>Louis Suarez</td>

<td>Forward</td>

</tr>

<tr>

<td>Phillipe Coutinho</td>

<td>Midfielder</td>

</tr>

<tr>

<td>Arthur Melo</td>

<td>Midfielder</td>

</tr>

<tr>

<td>Ivan Rakitic</td>

<td>Midfielder</td>

</tr>

<tr>

<td>Ter Stegen</td>

<td>Goalkeeper</td>

</tr>

<tr>

<td>Samuel Umtiti</td>

<td>Defender</td>

</tr>

<tr>

<td>Gerard Piquw</td>

<td>Defender</td>

</tr>

<tr>

<td>Sergio Busquets</td>

<td>Midfielder</td>

</tr>

<tr>

<td>Jordi Alba</td>

<td>Defender</td>

</tr>

</table>

</body>

</html>

Similar questions