What is HTML?
HTML stands for HyperText Markup Language. It is a standardized system for tagging text-based information in World Wide Web.
HTML History
Vannevar Bush first proposed the basics of hypertext in 1945. Tim Berners-Lee invented the World Wide Web, HTML (HeperText Markup Language), HTTP (HyperText Transfer Protocol) and URLs (Universal Resource Locators) in 1990. Tim Berner-Lee was the primary author of html, assisted by his colleagues at CERN, an international scientic organization based in Geneva, Switzerland.
http://inventors.about.com/library/inventors/blhtml.htm
HTML Document
HTML documents end with the file appendage of either “.html” or “.htm”. In this class, you could use either “html” or “htm” format but be sure for a consistency.
Example: “filename.html” or “filename.htm”
TextEdit Preference: http://www.pxstudio.us/pdf/preference_textedit.pdf
HTML5 differences from HTML4: http://www.w3.org/TR/html5-diff/
XHTML differences from HTML4: http://www.pxstudio.us/pdf/xhtml.pdf
Document Started with HTML4:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>page title goes here</title>
</head>
<body>
page content goes here
</body>
</html>
Document Started with HTML5:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>page title</title>
</head>
<body>
page content
</body>
</html>
Document Started with XHTML 1.1:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title> … </title>
</head>
<body>
</body>
</html>
HTML Color: http://www.w3schools.com/tags/ref_colorpicker.asp
The “Hexadecimal Color” system is based on RGB (Red-Green-Blue). Six digital represent the 3 colors of light that mark up the RGB spectrum. The intensity of the light is measured from “0” (lowest intensity) to “F” (the highest intensity) value of 15 as below:
0 1 2 3 4 5 6 7 8 9 a b c d e f
3 pairs represent the colors used to display web-safe colors. These are preceded by a hash (pound-sign) “#” “#rrggbb”
Example:
“#000000” or “#000”= black (0% intensity of all 3 colors)
“#333333” or “#333”= gray value (same numbered pairs will create a gray value)
“#FFFFFF” or “#FFF”= white (100% intensity of each color)
HTML Tag: http://www.pxstudio.us/pdf/html-tag.pdf
Information in HTML documents is surrounded by tags. HTML tags are enclosed in less than (<) and greater than (>) brackets. HTML tags are usually paired with a opening tag and a closing tag. The closing tag looks like the opening tag with an extra “/” that
precedes the text within the brackets.
Example: <html> and </html>
http://www.pxstudio.us/pdf/HTMLPrimerPDF.pdf
http://www.pxstudio.us/pdf/HTMLPrimerAll.html
HTML allows computers of various platforms to view information in essentially the same way, but it can appear differently based on the user’s browser or openration system. The web page may not appear exactly the same to every user, the important thing is that all users have an acceptable experience and can access the content you provide.
HTML Basic: http://w3schools.com/html/default.asp
HTML Design Principls: http://www.w3.org/TR/html-design-principles/
Project-1A: VisComm.com (25%)
Brief: Build the “VisComm.com” resource home page using the supplied text and artworks.
Project-1B: Type Fusion (25%)
Brief: Build the “Type Fusion.com” resource home page using the supplied text and artworks.
Project-1C: HTML Site (50%)
Brief: Build a simple HTML site via TextEdit (two pages)
Project Brief and Asset (1A & 1B):
P1A & P1B Inspiration
P1C Inspiration
Due Day:
Project-1A & 1B: January 26, 2012 (2 weeks)
Project-1C: January 31, 2012