CPS 1 - Spring, 1999 - Ramm 1/20/98 #3

Chapt 11. Computer Communications
































HyperText Markup Language (HTML)

  • Goals
    • Platform Independent Text Specification
      • = Markup Language
      • Interpreted Locally
    • Hypertext
      • Links to Text
      • Links Other Network Resources!

  • Linked Property Makes WWW What it is Today
    • Formerly, getting around was painful for the novice
    • Used FTP, Telnet, etc.
    • Other Precursors were WAIS and gopher

    Basic Structure

    <HTML>                            
    
    <HEAD>
    <TITLE> Ted's Home Page </TITLE>
    </HEAD>
                                      
    <BODY bgcolor="0000FF"         
          text="FFFF00"             
          vlink="000000"           
          link="FFFFFF">        
    
    <CENTER>                      
    <H1>TED </H1>                
    Welcome to my Home Page! <BR>   
    </CENTER>                       
    
    </BODY>                        
    </HTML>                 
    

    What the document will look like on the Web

    TED



    Welcome to my Home Page!

HTML Structures

  1. Ordered Lists
    <OL>
    <LI> First Item </LI>
    <LI> Second Item </LI>
    </OL> 
    1. First Item
    2. Second Item
  2. Unordered Lists
    <UL>
    <LI> First Item </LI>
    <LI> Second Item </LI> 
    </UL> 
    • First Item
    • Second Item
  3. Tables
    <TABLE BORDER=1>
    <TR> <TD>Cell 1</TD> <TD>Cell 2</TD> </TR> 
    <TR> <TD>Cell 3</TD> <TD>Cell 4</TD> </TR> 
    </TABLE> 
    Cell 1 Cell 2
    Cell 3 Cell 4

  4. Links
    <a href="http://www.cs.duke.edu/~ruby/cps1">
         CPS 1 Home Page </a>
    CPS 1 Home Page
    (clicking on the words CPS 1 Home Page activates the link and brings you to the class home page)
    General Format: <a href="complete web address"> Word </a>
  5. Text Formatting
    Computer Science <STRONG>Fundamentals</STRONG> 
    Computer Science Fundamentals
    Computer <EM>Science</EM> Fundamentals
    Computer Science Fundamentals
  6. Carriage Returns
    Welcome
    WELCOME 
    Welcome WELCOME
                 
    Welcome <BR>
    WELCOME 
    Welcome
    WELCOME
  7. Color Codes
    red      FF0000          blue     0000FF  
    orange   FF7F00          purple   9370DB 
    yellow   FFFF00          black    000000 
    green    00FF00          white    FFFFFF 
    
  8. Note The tags are case insensitive