Some definitions:

• HTML - HyperText Markup Language
  
  
• HTTP - HyperText Transfer Protocol
  
  
• CSS - Cascading Style Sheets
  
  
• URL - Uniform Resource Locator
  
  
• angle brackets - < and >

Web origins (partial)

• Hypertext
  • Vannevar Bush, MEMEX
  • Ted Nelson, Xanadu
  • Douglas Engelbart, NLS
  • Apple, Hypercard
  
  
  
• Networked sharing
  • DECnet
  • UUCP (Unix-to-Unix Copy)
  • IP (Internet Protocol)
  • Anonymous ftp
  • Gopher
  
  
  
• Tim Berners-Lee, CERN

Web server

• Runs on networked computer
• Communicates via HTTP
• Sends files in HTML and other formats

Web page

• HTML + CSS + media

HTML

• text with markup ("tags")
• defines structure
• can control layout
• refers to stylesheets for most layout
• embeds images, other media
• links to other pages / files
• creates forms
• embeds scripts

hello.html

hello2.html

HTML element

• a piece of the document (page)
• opening tag + attributes + text + closing tag
• or standalone tag + attributes

Attributes

• name = value
• common ones:
  • id (unique!)
  • class
  • style

Useful sites

• validator.w3.org
  
  
• w3.org
  
  
• w3schools.com

Some important tags

• h1 ... h6
• p
• br
• a
• img
• div, span
• ul, ol, li
• table, tr, th, td
• (form stuff later)

Also note:

• &gt;
• &lt;
• &amp;
• &quot;

In class:

• ssh gamera.caset.buffalo.edu -l myUBITname
• mkdir public_html
• chmod o+x ~
• chmod o+x ~/public_html
  
  
• create a PHP script (jedit or preferred tool)
• save it on gamera in public_html
• create an array, have a loop output it as an HTML list or table

This document is by Dave Pape, and is released under a Creative Commons License.