How To: Table
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Title</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
rel="stylesheet">
</head>
<body>
<h1>This is heading 1</h1>
<p>This is a paragraph</p>
<a href="https://www.google.ch" target="_blank">
<img src="https://miro.medium.com/max/382/1*LYIt459KOTM4R-uQFHg_bw.png"
alt="CSS Box">
</a>
<br>
<a href="https://www.google.ch">This is a link</a>
<br> <br>
<a href="https://www.google.ch" target="_blank">This is also a link</a>
<br>
<h4>Shopping-List</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h4>Priority-List</h4>
<ol>
<li>Incidents</li>
<li>Screens</li>
<li>Clean Up</li>
</ol>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>CSS Example
Last updated