HTML and CSS Reference
As you read this chapter, you will learn how to create the Web pages shown in
Figures 4-1a through 4-1d on the previous page by performing these general tasks:
Enter HTML code into the Notepad++ window.
Save the file as an HTML file
Enter basic HTML tags and add text to the file.•
Add a horizontal navigation bar with image links.
Create a table with borders to display information in an organized manner.
Create an external style sheet to set the style for all Web pages in the Web site.
Use classes to give more control over the styles used.
Link an external style sheet to Web pages.
Utilize inline styles to alter the style of individual elements on the Web page.
Add HTML tags that enhance a table with padding and border spacing.
Enhance a Web table with rowspanning.
Add a caption to a table.
Print the HTML code and Web pages
General Project Guidelines
When creating a Web page, the actions you perform and decisions you make will affect
the appearance and characteristics (the styles) of the finished page. As you create Web
pages, such as those shown in Figures 4-1a through 4-1d, you should follow these general
1. Complete Web page planning. Before developing a Web page, you must know the
purpose of the Web site, identify the users of the site and their computing environments,
and decide who owns the information on the Web page.
2. Analyze the content and organization of the Web page . In the analysis phase of the
Web development life cycle, you should analyze what content to include on the Web
page and how to organize that information. In this phase, you need to determine what
information you want to convey so that you can highlight that information on the Web
page using different techniques. Refer to Table 1-4 on page HTML 15 for information on
the phases of the Web development life cycle.
3. Choose the content and organization for the Web page . Once you have completed the
analysis, you need to determine specifically what content to include on the Web page.
With tables, you are able to display the Web page content in a very organized manner.
Tables can be used to display text only, as well as graphical images or combinations of
text and images. Some text is better highlighted by using different colors for column or
row headings. Other information is displayed more effectively with row- and column-
spanning techniques. This should all be determined before coding the Web pages.
4. Identify how to format various elements of the Web page . The overall appearance or
style of a Web page significantly affects its ability to communicate clearly. Additionally,
you want to provide easy navigation for your Web site visitors. Adding images and color
helps to communicate your message and adding a navigation bar with links to the other
Web pages within the Web site makes it easy to navigate the Web site. Determine what
style sheets to use for the overall appearance or style, including external, embedded,
and inline style sheets. Also determine which formatting tag attributes need to be