Datasheet

An introduction to HTML
25Lesson 1, Dreamweaver CS4 Jumpstart
1
5 The code shows that the HTML <img> tag has been used to place the image. Click
once on the image in the document window to select it. The Property Inspector at the
bottom of the page displays and sets the properties for the image.
6 In the Border box of the Property Inspector, type 3 to set a three-pixel border around
the image, then press Enter (Windows) or Return (Mac OS). Click on the background
of the page to deselect and note the appearance of the border. The <img> tag now
contains the border attribute, which is set to a value of 3, just the way you typed it in the
Property Inspector.
As you change or add options to a selected image, Dreamweaver changes code behind the scenes.
7 Choose File > Save to save your work, then choose File > Close.
Note that in HTML, images and media are not embedded, but placed. This means that
the tags point to les in their exact locations relative to the page. The tags count on those
les always being where they’re supposed to be in order to display them. This is why
HTML pages are typically very lightweight in terms of le size.
Colors in HTML
In Dreamweaver’s various panels and in your code, each color is referred to by a six-character
code preceded by a pound sign. This code is called hexadecimal code, and is the system that
HTML pages use to identify and use colors. You can reproduce almost any color using a unique
hexadecimal code. For example, you represent dark red in HTML as #CC0000.
The rst, middle, and last two digits of the hexadecimal code correspond to values in the
RGB spectrum. For instance, white, which is represented in RGB as R:255 G:255 B:255, is
represented in HTML as #FFFFFF (255|255|255). Choosing colors is easy, thanks to a handy
Swatches panel, which you can nd in many places throughout the work area.
The Swatches panel makes it easy to
work with colors.
DWCS4.indb 25DWCS4.indb 25 9/10/2008 3:24:27 PM9/10/2008 3:24:27 PM