This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
documentation:html [2010/05/20 10:01] – triley2 | documentation:html [2010/05/20 11:45] (current) – triley2 | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | <WRAP left 40%> | ||
+ | ~~TOC~~ | ||
+ | </ | ||
+ | // | ||
+ | // | ||
+ | <WRAP centeralign 100% bigger> | ||
+ | <WRAP bigger fgred> | ||
+ | <WRAP muchbigger> | ||
+ | Hyper Text Markup Language | ||
+ | </ | ||
+ | <WRAP clear></ | ||
+ | HTML is a mark up language used for web page creation. It has been the standard for web development since the early 1990' | ||
+ | ===== First Web Page ===== | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | Hello world this is my new web page! | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | save as index.html | ||
+ | |||
+ | to view open the file within your favorite web browser. | ||
+ | |||
+ | ===== Common Tags ===== | ||
+ | *main tags wraps whole page | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *header tags # is the nubbier header you want {1,2,3,4,5} | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *paragraph tags | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *anchor tags used for web links | ||
+ | <code html> | ||
+ | <a href""></ | ||
+ | </ | ||
+ | |||
+ | *wraps main content | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *wraps page information {title, css} | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *wraps webpage title | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *inserts an image | ||
+ | <code html> | ||
+ | <img src=""> | ||
+ | </ | ||
+ | |||
+ | *wraps a portion of text for separation | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | *line break | ||
+ | <code html> | ||
+ | <br/> | ||
+ | </ | ||
+ | |||
+ | *comment tags | ||
+ | <code html> | ||
+ | <!- -> | ||
+ | </ | ||
+ | |||
+ | *used for linking webpages | ||
+ | <code html> | ||
+ | <link rel="" | ||
+ | </ | ||
+ | |||
+ | *divider tags | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | ===== Example with more tags ===== | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | <h1> Big header </h1> | ||
+ | <!- this is a comment -> | ||
+ | <p> | ||
+ | start of a new paragraph | ||
+ | <br /> <!- line break -> | ||
+ | <a href=" | ||
+ | <!- a link to google -> | ||
+ | </p> | ||
+ | <p> | ||
+ | another paragraph with a picture | ||
+ | <img src=" | ||
+ | </p> | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | ===== Links ===== | ||
+ | *www.w3schools.com |