Basics of Coding

1
Basics of Coding
2
Why learn to code?

• better understanding of what is going on in web
  page
• troubleshooting when things arent working the
  way they should
• adjusting/adding effects or behaviors not offered
  by web page editor
• makes you sound very tech-savvy in front of your
  less tech-savvy peers

3
Tags

• found between angle brackets lt gt
• opening lt gt for all
• attributes with values may exist
• closing lt/ gt for all in XHTML
• uses forward slash
• affected content goes in between tags
• ltbgtHellolt/bgt

4
Attributes

• add format to text or object within tags
• use alone or in a series
• add to the opening tag (element)
• ltbody bgcolor gt
• separate attributes with a space
• corresponding value in quotes (preferred)
• ltbody bgcolorffcc00gt
• no spaces within attribute and its value

5
Things to remember

• lowercase is required in XHTML
• tags can be nested
• lth1gtltigtWelcomelt/igtlt/h1gt
• allows for additional options
• close tags in opposite order than opening
• spacebar spaces and paragraph returns are
  meaningless while writing code
• use for visual assistance in Notepad/WordPad
  document

6
Basic Document Tags

• lthtmlgtlt/htmlgt
• first and last tag in html document
• ltheadgtlt/headgt
• first section
• defines site, advanced editing, writing scripts
• lttitlegtlt/titlegt
• visible in browser title bar and in
  Favorites/Bookmarks listing
• ltbodygtlt/bodygt
• rest of page
• visible content

7
Basic Body Tags

• Headers
• lth1gtlt/h1gt
• 1larger, 6smaller
• assumes paragraph return
• Paragraph (skip line)
• ltpgt lt/pgt
• align
• left, center, right.
• Line break (no space)
• ltbrgtlt/brgt

• Backgrounds
• in the ltbodygt tag
• bgcolorrrggbb
• backgroundfilename
• Formatted text
• ltbgtlt/bgt bold
• ltigtlt/igt italic
• ltugtlt/ugt underline
• ltfontgtlt/fontgt
• size1-7
• colorrrggbb

8
Adding Graphics

• gif, jpg
• gif has transparency
• browser safe colors
• 216 cross platform
• RGB mode
• hexadecimal color codes (e.g., ff00ff)
• 2 for red, 2 for green, 2 for blue
• 0 low intensity, Fhigh intensity, 16 levels
• low resolution, fast loading
• 72 96 dpi
• ltimg srcfilenamegt

9
Linking

• Link to URL
• uniform resource locator
• locations outside of page
• lta hrefhttp//gtlt/agt
• Anchors
• locations on page
• lta namefindmegtlt/agt
• Link to Anchor
• lta hreffindmegtlt/agt