Datasheet

28
An introduction to HTML
Adobe Dreamweaver CS4 Digital Classroom
1
4 To create a new paragraph, position your cursor before the phrase, This is another, and
press Enter (Windows) or Return (Mac OS). The text is separated by a line above and
below, and is wrapped inside a set of <p> (paragraph) tags.
Dreamweaver creates a new paragraph each time you press the Enter or Return key.
Other than a standard single space (such as the ones used between words), several consecutive
spaces created by the spacebar are ignored, and are displayed as only one space in Design view and
in a browser.
5 Choose File > Save to save your work then choose File > Close.
Tag hierarchy
HTML tags follow a certain order of weight, or hierarchy, to make sure that everything displays
as it should. The tag at the top of the hierarchy is the <html> tag, and every other tag you create
is contained within it. Tags such as the <body> tag always hold smaller tags, such as the <p>
(paragraph), <img> (image), and <strong> (bold) tags. In addition, structural tags (such as those
that create paragraphs, lists, and tables) hold more weight than formatting tags such as <strong>
(bold) and <em> (italic). Take this line of code for example:
<strong><p>Big bold paragraph</p></strong>
Although code such as this may work in certain browsers, it isn’t recommended, because the
<strong> tag technically holds less weight than the <p> tag. The following code represents a
safer and more proper way to include the bold type:
<p><strong>Big bold paragraph</strong></p>
DWCS4.indb 28DWCS4.indb 28 9/10/2008 3:24:33 PM9/10/2008 3:24:33 PM