ATEC 3361 Lecture 3: Tables and Forms code examples
Class Exercise: Tables
<!DOCTYPE html>
<html>
<head>
<title>Table</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
table {
border-spacing: 5px;
}
th, td {
padding: 5px;
}
td {
text-align: left;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="2">Full Name</th>
<th rowspan="2">Email</th>
<th rowspan="2">Phone Number</th>
</tr>
<tr>
<th>First Name</th>
<th>Last Name</th>
</tr>
<tr>
<td>John</td>
<td>Smith</td>
<td>[email protected]</td>
<td>972-491-1234</td>
</tr>
<tr>
<td>Andrew</td>
<td>Jackson</td>
<td>[email protected]</td>
<td>972-491-5678</td>
</tr>
<tr>
<td>Joe</td>
<td>Smith</td>
<td>[email protected]</td>
<td>972-491-1230</td>
</tr>
<tr>
<td>Joe</td>
<td>Jackson</td>
<td>[email protected]</td>
<td>972-491-5555</td>
</tr>
<tr>
<td>Jane</td>
<td>Smith</td>
<td>[email protected]</td>
<td>972-491-6666</td>
</tr>
<tr>
<td>John</td>
<td>Jackson</td>
<td>[email protected]</td>
<td>972-491-7777</td>
</tr>
</table>
</body>
</html>
Class Example: HTML Form Elements
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>HTML Form Elements</title>
<style>
p {
font-weight: bold;
}