ATEC 3361 Lecture Notes - Lecture 6: Environment & Energy Publishing, Science News, Scientific Reports
1 May 2018
School
Department
Course
Professor
Long table
<!DOCTYPE html>
<html>
<head>
<title>Electric/Utility Expenses</title>
<style>
table {
border-collapse: collapse;
width: 45%;
}
thead {
/* add styles for table heading */
}
tbody {
/* add styles for table body */
}
tfoot {
/* add styles for table footer */
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 5px 10px;
}
</style>
</head>
<body>
<table>
<caption>Monthly Electric and Utility Expenses</caption>
<!-- add the <thead> tag -->
<tr>
<th>Month</th>
<th>Electric</th>
<th>Utility</th>
</tr>
<!-- add the <tbody> tag -->
<tr>
<td>January</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>March</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>Arpil</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>May</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>June</td>
<td>$100</td>
<td>$100</td>
</tr>
<!-- add the <tfoot> tag -->
<tr>
<td>Sum</td>
<td>$600</td>
<td>$600</td>
</tr>
</table>
</body>
</html>
Webpage sample font
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Sample Page</title>
<link rel="stylesheet" type="text/css"
href="http://fonts.googleapis.com/css?family=Anton|Sansita|PT+Serif">
<style>
body {
font-family: "PT Serif";
font-size: 18px;
}
