HTML and CSS Reference
In-Depth Information
2
Creating and Editing a Web
Page Using Inline Styles
Introduction
With an understanding of the Web development life cycle, you should have a good idea
about the importance of proper Web site planning, analysis, and design. After completing
these phases, the next phase is the actual development of a Web page using HTML. As
discussed in Chapter 1, Web pages are created by using HTML tags and attributes to
define the structure, layout, and appearance of a Web page. In this chapter, you create and
edit a Web page using basic HTML tags.
Project — Rock Climbing Fun Web Page
Chapter 2 illustrates how to use HTML to create a Web page for a rock climbing company,
as shown in Figure 2-1a. As an employee of the company, one of your tasks is to develop a
Web page to advertise the company's rock climbing classes. The Rock Climbing Fun Web
page will include general information about the company along with information on the
equipment needed to start rock climbing.
To enter text and HTML tags used to create the Web page, you will use a program
called Notepad++, as shown in Figure 2-1b.
Notepad++
is a basic text editor that you can
use for simple documents or for creating Web pages using HTML. Previous editions of this
topic used Notepad, a text editor that is a part of the Windows operating system. Notepad
worked well to enter the HTML elements and Web page content, but Notepad++ is a more
sophisticated text editor with more features. Notepad++ has line numbering, which is very
helpful when reading code. It also highlights code and text with different colors, as you
will see later in the chapter. Because of this added versatility, Notepad++ is the chosen text
editor for this edition. You will use the Microsoft Internet Explorer browser to view your
Web page as you create it. By default, Internet Explorer is installed with Windows, and
Notepad++ can be downloaded for free on the Web. If you do not have Notepad++ on your
computer, you can download it from the notepad-plus-plus.org Web site. If you do not have
Internet Explorer available on your computer, another browser program will work.
Overview
As you read this chapter, you will learn how to create the Web page shown in
Figure 2-1 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.•
•
Organize the text by adding headings and creating a bulleted list.
•
Enhance the Web page's appearance with an image and inline styles.
•
View the Web page and HTML code in your browser.
•
Validate the Web page.
•
Print the Web page.
HTML 34
