Building the User Interface by Using HTML5: Organization ... - server

80 | Lesson 3
Email
Phone
Questions or
Comments
LICENSED PRODUCT NOT FOR RESALE
2. Save the file as L3-WebForm-orig.html. The rendered version is shown in
Figure 3-20.
Figure 3-20
The beginning of a Web form
3. The Web form looks unstructured. Ideally, you would use CSS to apply alignment, but
because you haven’t learned CSS yet, you can apply a workaround to make the fields
align vertically. One method is to add start and end tags around each
label/input pair. This would align the fields vertically and add boxes around them.
Using opening and closing tags instead of tags would accomplish
the same thing but without adding boxes. For this exercise, use the tags.
Figure 3-21 shows the same Web form with tags around the label/input pairs,
including the comments field.