GDT 150 Design for the Internet: Fall 2001
Class Notes 9.06.2001
HTML: Hyper Text Markup Language
- formatting language
- doesn't execute a program with a result
- interpreted by browser/ device for display- hypertext: text that has links in it, can be cross referenced to create a web of info
- designed to format scientific papers, not for graphic design
- presentation of structured information
- essentially outlines information using headings- using HTML's natural structure enhances the accessibility of the information
- by multiple devices: palm pilots, web browsers, internet appliances
- by people with disabilities using special devices: text to speech
- also by those same types of devices used by people w/o significant disabilities: text to speech in the car, etc.
- allows pages to remain backwardly compatible
- helps people quickly understandinformation- short, chunky info is easiest for people to read and understand on the web (short attention spans)
Writing HTML
- structure
- head (invisible, mostly)
- title
- other affecting functionality and display of site (not displayed)- body (visible, mostly)
- all your text and images
- headings
- paragraphs
- lists
- images
- links- all tags that structure content must be closed (</..>
- tags that insert a single instance of something (image, line break) don't need to be closed (in HTML)A simple page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>A Simple Page</title>
</head>
<body>
<h1>My Simple Page</h1>
<p>This is a very simple webpage.</p>
</body>
</html>- comments: <!-- -->
Links
- syntax <a href="location">Text</a>
- - absolute
- - full address, including protocol: http://www.chriscassell.net/handouts.html
- - relative
- - location determined from current document: handouts.html (current directory, a file called handouts.html)
- - email link
- - "mailto:someone@somewhere.com"
Customize homepage template
- name
Markup assignment 1
- heading
- paragraphs
- link to site ( absolute URL)
