HTML Basics

1
HTML Basics
2
HTML Overview

• Hypertext Markup Language
• Language of the web
• Forms web pages

3
XHTML

• More stringent standard
• Better behaved across browsers
• Works with other devices

4
Tools for web editing

• Any text editor is OK
• Firefox is very handy browser
• Web Developer Extension
• MozEdit Extension

5
Basic Web Page

• lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
  Strict//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml
  1-strict.dtd"gt
• lthtml lang "EN" xmllang "EN" dir "ltr"gt
• ltheadgt
• lttitlegtBasic XHTML pagelt/titlegt
• lt/headgt
• ltbodygt
• lth1gtHTML CODE GOES HERElt/h1gt
• ltpgt
• copy and paste this page to a text editor to
  build your
• own page
• lt/pgt
• lt/bodygt
• lt/htmlgt

6
Critical XHTML Tags

• lthtmlgtlt/htmlgt
• ltheadgtlt/headgt
• lttitlegtlt/titlegt
• ltbodygtlt/bodygt
• lth1gtlt/h1gt ...lth6gtlt/h6gt headings
• ltpgtlt/pgt paragraph

7
The Basic page

• lthtmlgt tag defines version of XHTML
• ltheadgt contains metadata
• lttitlegtwill show up in searches, title bar
• ltbodygt contains most of page

8
XHTML Markups

• XHTML tags DO NOT define how things look
• Focus on what things mean
• EG lth1gt just means level 1 heading.

9
Changing appearance with Styles

• Each tag can have a style attribute associated
  with it
• Style determines how something looks

10
Essential Style Elements

• color
• background-color
• font-family
• font-size
• text-align

11
Style Example

• ltp style "color red
• background-color yellow
• font-family Comic Sans MS
• font-size 20pt
• text-align center"gt
• This is my paragraph
• lt/pgt

12
Adding Basic Links

• lta href myUrl.htmlgt
• linked textlt/agt
• Linked text is highlighted as a link
• When user clicks on link, browser goes to
  myURL.html

13
Adding Basic Images

• ltimg src myImage.jpg
• height 200
• width 200
• alt my Image /gt

14
(No Transcript)
15
(No Transcript)
16
Ordinary Slide

• Level 1
• Level 2
• Level 3

17
Code

• My code
• More Code
• More Code

18
(No Transcript)
19
(No Transcript)
20
(No Transcript)
21
(No Transcript)
22
(No Transcript)