HTML and CSS Reference
In-Depth Information
You begin creating the home page by starting Notepad++ and entering the initial
HTML tags. Then you add an image, heading, text, and an unordered list to your home
page. Finally, you add text and e-mail links, and then test the links.
To Start Notepad++
The following steps, which assume Windows 7 is running, start Notepad++ based on a typical installation. You
may need to ask your instructor how to start Notepad++ for your computer.
1
2
3
4
Click the Start button on the Windows taskbar to display the Start menu.
Click All Programs at the bottom of the left pane on the Start menu to display the All Programs list.
C
lick Notepad++ in the All Programs list to open the Notepad++ folder.
Click Notepad++ in the list to display the Notepad++ window. If there are files already open in Notepad from previous
projects, close them all now by clicking the Close button on each open file.
5
If the Notepad++ window is not maximized, click the Maximize button on the Notepad++ title bar to maximize it
(Figure 3-9).
6
Click View on the menu bar.
If the Word wrap command does not have a check mark next to it, click Word wrap.
Close button to
close Notepad++
menu bar
toolbar
insertion point
Close button to
close this one file
open in Notepad++
starting line
number
Notepad++
start-up
window
Figure 3-9
To Enter Initial HTML Tags to Define the Web Page Structure
Just as you did in Chapter 2, you start your file with the initial HTML tags that
define the structure of the Web page. Table 3-1 contains the tags and text for this task.
Copy Initial Structure
Remember that you can
type in the initial HTML
tags and save that code in
a file called structure.html,
which you can then open
and use as the basis for all
HTML files. This eliminates
the need for you to type
this same code at the
beginning of every HTML
file. Just remember to
save structure.html with a
new name as soon as you
open it.
Table 3-1 Initial HTML Tags
Line
HTML Tag and Text
<!DOCTYPE HTML>
1
2
3
<html>
<head>
4
<meta charset="utf-8" />
5
