محرر ويب أونلاين

<!DOCTYPE html>
<html>
	<head>
        
		<style>
			table {
				border-collapse: collapse;
                max-width: 200px;
                width: 100%;
			}
			th, td {
				padding: 10px;
			}
            thead {
                background-color: #3f87a6;
                color: #fff;
            }
            tbody {
                background-color: #e4f0f5;
            }
            tfoot {
                background-color: #d4d4d4;
            }
		</style>
	</head>
    <body>
		<table>
			
			<thead>
				<tr>
					<th>ID</th>
					<th>Name</th>
				</tr>
			<thead>
			
			<tbody>
				<tr>
					<td>1</td>
					<td>mhamad</td>
				</tr>
				<tr>
					<td>2</td>
					<td>rima</td>
				</tr>
				<tr>
					<td>3</td>
					<td>youssef</td>
				</tr>
			</tbody>
			
			<tfoot>
				<tr>
					<td>Total</td>
					<td>3 users</td>
				</tr>
			</tfoot>
		</table>
    </body>
</html>