570 CHAPTER 15 Local data with web storage
<table id="contacts">
<thead>
<tr>
<th>Email</th>
<th>Name</th>
<th></th>
</tr>
</thead>
<tbody>
</tbody>
</table><div id="editContact">
<h2 id="currentAction"></h2>
<div>
<label for="firstName">First Name:</label>
<input type="text" id="firstName" name="firstName" />
</div>
<div>
<label for="lastName">Last Name:</label>
<input type="text" id="lastName" name="lastName" />
</div>
<div>
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" />
</div>
<div>
<label for="phoneNumber">Phone Number:</label>
<input type="text" id="phoneNumber" name="phoneNumber" />
</div>
<div class="buttons">
<button id="btnSave" name="save">Save</button>
</div>
</div>
</div>
</div>
</body>
</html>- Review the default.css file.
This file starts by resetting the margin, padding, font size, and font family of all ele-
ments. The semantic markup elements are set as blocks, and then the body element
is formatted. Specific formatting is applied to produce an attractive webpage. The
following is the default.css file.- {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial;
}
- {
aside, footer, header, hgroup, nav {
display: block;