In: Computer Science
Create a table on one page of your site that has at
least one colspan or rowspan.
Style it with at least three selectors in your
stylesheet. You can use element, class and/or ID. (Note: do not use
deprecated HTML attributes - use CSS!)
Add at least two font stacks to your website including
one web font from Google Fonts (Links to an external
site.)
Use padding, margin, and border at least once each in
your stylesheet.
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto'
rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Lato'
rel='stylesheet'>
<style>
table td {
font-family: 'Roboto';font-size: 18px;
border: 1px solid red;
padding: 5px;
margin: 2px;
}
#header1{font-family: 'Lato';text-align:center;
}
.subheading{
font-family:'verdana'; text-align:center;
}
</style>
</head>
<body>
<h1 id="header1">Table title</h1>
<h3 class="subheading">- author </h3>
<table>
<tr>
<td colspan="2"> Col 1 heading
</td>
<td>
Col 2 heading
</td>
</tr>
<tr>
<td colspan="2">
Row 1 col 1
</td>
<td>Row 1 col 2</td>
</tr>
<tr>
<td>
Row 2 col 1
</td>
<td>Row 2 col 2</td>
<td>Row 2 col 3</td>
</tr>
</table>
</body>
</html>