HTML and CSS Reference
<body> and then
press the e n t e r key
On line 9, type
• </body> and
then press the e n t e r
line with insertion
point is highlighted
remaining HTML code and
content will be entered between
<body> and </body> tags
as the end tag
you typed to
Figure 2-7 and
correct errors in your
typing if necessary.
Do I have to type the
initial HTML tags for every Web page that I develop?
The same initial HTML tags are used in many other chapters. To avoid retyping these tags, you
can save the code that you just typed, and give it a new file name, something like structure.
html or template.html. If you save this file at the root level of your folders, you will have easy
access to it for other chapters.
end </body> and
end </html> tags
Can I use either uppercase or lowercase letters for my HTML code?
HTML5 allows tags to be entered in upper-, lower-, or mixed-case. However, in this topic, the
project directions follow the guidelines presented in Table 1-3 on page HTML 13 in Chapter 1.
Identify how to format various elements of the text.
By formatting the characters and paragraphs on a Web page, you can improve its overall
appearance. On a Web page, consider the following formatting suggestions.
Determine the Web page layout.
HTML5 has introduced new tags to format the layout
of the Web page. The tags include the head, section, articles, and footer divisions.
Use default text size when appropriate.
The body text consists of all text between
the heading and the bottom of the Web page. This text highlights the key points of
the message in as few words as possible. It should be easy to read and follow. While
emphasizing the positive, the body text must be realistic, truthful, and believable. The
default font size and style are appropriate to use for the body of text.
Effectively utilize headings.
The main heading is generally the first line of text
on the Web page. It conveys the purpose of the Web page, such as identifying the
company name. In this project, the company name is part of the image that is used at
the top of the page, so a heading size 1 is not needed. Heading size standards should
be followed, as shown in Figure 2-9 on page HTML 47. The main heading should be
size 1, and subtopics or subheadings should be size 2. For the Web site in this chapter,
you start with heading size 2 because the main heading is part of the image. That
heading identifies the equipment needed. It is generally not a good idea to jump from
one heading size to a heading two sizes smaller. For instance, if your main heading is
size 1, then the next heading down should be heading size 2, not heading size 4.
Highlight key points with a bulleted list.
A bullet is a dot or other symbol positioned
at the beginning of a list item. The bulleted list contains specific information that is
more clearly identified by a list versus a paragraph of text.