Download presentation
Presentation is loading. Please wait.
1
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS
2
They come in matching pairs (mostly) Open Close Put header information here Put the contents of your web page here XHTML = Tags Like this
3
A few rules... XHTML All lowercase Most of them are “paired” Empty tags need a space and a / Good = XHTML Bad = html Attributes need “ “ Good = XHTML Bad = html Doctype declaration
4
Behind the scenes Let’s get started Center stage!
5
Behind the scenes Add more text It all squishes together!
6
Behind the scenes Divide it up Better Paragraph
7
Behind the scenes Better still Better Line break
8
SPECIAL CHARACTERS What if you want or to show up on your web page? <body> <p>
9
Behind the scenes Alignment? Center stage! alignment goes into the first tag.
10
Behind the scenes One more thing Better Horizontal line
11
Behind the scenes Fun with Headings! OK, this is annoying...
12
Behind the scenes Fun with Headings! Much better!
13
Behind the scenes Ordered lists Center stage!
14
Behind the scenes Unordered lists Center stage!
15
Behind the scenes Definition lists Center stage!
16
Behind the scenes Format Text - Logical Center stage!
17
Behind the scenes Format Text - Nested Center stage!
18
Format Text - Nested Good HELP! Bad HELP!
19
Behind the scenes Links - Absolute Center stage! Anchor tag Anchor tag with a web address
20
Behind the scenes Links - Relative Center stage! Anchor tag Anchor tag with a file name pcc
21
Behind the scenes Sort of like a relative link... Images Center stage! Image tag Image tag with a file name
22
Behind the scenes Alt Text Center stage! Alt text
Similar presentations
