HTML links: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 13: Line 13:
== Documentation ==
== Documentation ==


== Manuals & Short References ==
=== Manuals & Short References ===


* [http://werbach.com/barebones/ Bare Bones Guides to HTML] (HTML 4)
* [http://werbach.com/barebones/ Bare Bones Guides to HTML] (HTML 4)
* [http://www.htmlcompendium.org/0frame.htm htmlcompendium.org]
* [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/intro.html  HTML Documentation] by [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/about_the_author.html  Ian Graham] (U of Toronto). GOOD HTML Manual
* [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/intro.html  HTML Documentation] by [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/about_the_author.html  Ian Graham] (U of Toronto). GOOD HTML Manual
* [http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/html.html A guide to HTML and CGI scripts] by [http://snowwhite.it.brighton.ac.uk/~mas/mas/home.html M.A. Smith]. Good site and up to date! It is interactive (yes you can try out things).


== Specifications ==
=== Specifications ===
 
* [http://www.w3.org/MarkUp/ HyperText Markup Language Home Page]
* [http://www.w3.org/TR/html/ HTML, latest Specification]
 
=== HTML ===


* [http://www.w3.org/TR/html/ HTML latest Spec] (XHTML, starting oct 2002 this is taught to our students)
* [http://www.la-grange.net/w3c/xhtml1/ XHTML en fran�ais]
* [http://www.w3.org/TR/REC-html32.html HTML 3.2 Spec]
* [http://www.w3.org/TR/REC-html32.html HTML 3.2 Spec]
* [http://www.w3.org/TR/html4/ HTML 4.x]
* [http://www.w3.org/TR/html4/ HTML 4.x]
* [http://www.normandieweb.org/karl/HTML4/ HTML 4, traduction française]
 
* [http://www.w3.org/MarkUp/ HyperText Markup Language Home Page]
=== XHTML ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801 XHTML 1.0 The Extensible HyperText Markup Language (Second Edition)]
* [http://www.w3.org/TR/xhtml-basic/ XHTML Basic] for mobile devices. (There is also an older XHTML mobile profile defined by [http://www.openmobilealliance.org/tech/index.html OMA] or even older WAP/WML)
 
=== DOM ===
 
* [http://www.w3.org/TR/REC-DOM-Level-1/ DOM Level 1 Spec]
* [http://www.w3.org/TR/REC-DOM-Level-1/ DOM Level 1 Spec]
* [http://www.w3.org/TR/DOM-Level-2/ DOM Level 2 Spec]
* [http://www.w3.org/TR/DOM-Level-2/ DOM Level 2 Spec]
* [http://www.w3.org/TR/xhtml-basic/ XHTML Basic] for mobile devices. (There is also an older XHTML mobile profile defined by [http://www.openmobilealliance.org/tech/index.html OMA] or even older WAP/WML)
* [http://www.webstandards.org/ Webstandards.org]. Nice organization that watches out for standards.


== FAQ's ==
== FAQ's ==
Line 45: Line 49:
* [http://wdvl.com/Authoring/Languages/XML/XHTML/ Introduction to XHTML, with eXamples]
* [http://wdvl.com/Authoring/Languages/XML/XHTML/ Introduction to XHTML, with eXamples]
* [http://www.htmlcodetutorial.com/ HTML Code Tutorial]
* [http://www.htmlcodetutorial.com/ HTML Code Tutorial]
=== Interactive XHTML Tutorials ===
* [http://htmlplayground.com/ htmlPlayground]. You try, modify code and lookup explanation for each element and attribute.
=== Interactive HTML Tutorials ===
* [http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/html.html A guide to HTML and CGI scripts] by [http://snowwhite.it.brighton.ac.uk/~mas/mas/home.html M.A. Smith].


=== HTML 4x Tutorials ===
=== HTML 4x Tutorials ===
Line 66: Line 78:
== Online documentation ==
== Online documentation ==


* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]


== Near Future: XHTML & DOM ==
== Near Future: XHTML & DOM ==


* Track the [http://www.w3.org/ W3C] !
* [http://www.firstmonday.dk/issues/issue3_4/hilf/index.html Media Lullabies: The Reinvention of the World Wide Web] article by Bill Hilf
* [http://www.firstmonday.dk/issues/issue3_4/hilf/index.html Media Lullabies: The Reinvention of the World Wide Web] article by Bill Hilf
* [http://www.webreview.com/2001/03_02/designers/index01.shtml To Use or Not to Use: An XHTML Roadmap for Designers] by Molly Holzschlag, WebReview, 3/2001
* [http://www.webreview.com/2001/03_02/designers/index01.shtml To Use or Not to Use: An XHTML Roadmap for Designers] by Molly Holzschlag, WebReview, 3/2001


= Specialized topics =
== Introductionas and Tutorials on specialized topics =
 
See also [../design/pointers.html WWW Design and Style] and [/guides/hypertext/pointers.html Hypertexts Pointers @ TECFA]


== Style sheets and fonts ==
=== Style sheets and fonts ===


* SEE [/guides/css/pointers.html CSS Pointers Page]
* See [[CSS]]


== Icons/Graphics ==
== Icons/Graphics ==


* [/ico/ Icon library] at Tecfa (locals: point rather than copy!)
* [http://www.wdvl.com/Vlib/Providers/Images_and_Icons.html Ditto] Search Engine (!) for icons
* [http://www.wdvl.com/Vlib/Providers/Images_and_Icons.html Ditto] Search Engine (!) for icons
* [http://www.wdvl.com/Vlib/Providers/Images_and_Icons.html VL_WWW Images and Icons] (meta-index of links)
* [http://www.wdvl.com/Vlib/Providers/Images_and_Icons.html VL_WWW Images and Icons] (meta-index of links)
Line 173: Line 180:
== Filters ==
== Filters ==


(need more here)
 
== Software ==
 
=== Navigators ===
 
* [http://www.w3.org/MarkUp The World Wide Web Consortium HTML Page]
* [http://www.webstandards.org/ Webstandards.org]. Nice organization that watches out for standards.
 
=== Filter software ===


* Don't use "save as HTML" in Word, use some '''Rtf2Html:'''
* Don't use "save as HTML" in Word, use some '''Rtf2Html:'''
Line 182: Line 197:
** [http://www.exit0.com/ez1/products/pro2000.html HTML Assistant Pro] (payware, does other things)
** [http://www.exit0.com/ez1/products/pro2000.html HTML Assistant Pro] (payware, does other things)


== Browsers ==


* [http://www.mozilla.org Mozilla]. (Best overall standards compliant browser). Upgrade from Netscape 4.x NOW, give up proprietary solutions !
== Links ==
* [http://www.webreference.com/programming/mozilla/ Rapid Application Development with Mozilla] (Mozilla as applications platform, this link should go some other place).
* [http://www.webreference.com/scripts/sidebar/ The Multi-Feed RSS Sidebar Tab] (Moz/NS6 Sidebar tutorial @ webreference)


= Links =
* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]
 
* Check the major WebMaster's sites, see [http://tecfa.unige.ch/guides/toolbox.html Toolbox] page.
* [http://www.yourhtmlsource.com/ HTMLSource]. Several HTML/XHTML Tutorials
* [http://www.htmlhelp.com/ htmlhelp.com] (Web Design Group) , good and short
* [http://www.w3.org/MarkUp The World Wide Web Consortium HTML Page]
* [http://www.stack.nl/%7Eboris/HTML/links.html Recommended Sites for HTML Authors]
* [http://werbach.com/web//wwwhelp.html The WWW Help Page.] Indexes some of the BEST "how-to" sites and tutorials.
* [http://www.blooberry.com/indexdot/html/ Index DOT HTML]
* [http://browserwatch.internet.com/ BrowserWatch]
* [http://www.boutell.com/openfaq/browsers/ Web Browsers OpenFAQ]
* [http://www.allhtml.com/ AllHtml] Site fran�ais
* Mozilla based browsers: [http://www.mozilla.org/  Mozilla] * [http://www.beonex.org/ Beonex] (Win/Linux) * [http://www.konqueror.org/ Konqueror] (linux) *
 
A note about browsers: IE is not a superior browser. Version 5.5 just implemented CSS much better than Netscape 4.x ever did. Newer versions (IE 6+) still fail in many aspects. They don't even respect the fundamental HTTP protocol, e.g. if you put some html in some text file (served as text/plain by the server), it will not display the html code but render it as HTML which it should *not*. IE has trouble with uploading and many other little problems like it doesn't understand correctly served XHTML as XML application. I suggest the following strategy for non-commercial webmasters who build pages and sites which must last:
 
* Do simple HTML. It is much easier to maintain and indexes well with search engines and it will load fast. Go for XHTML (transitional) or HTML 4.01 transitional if you know what I am talking about and don't use any JS code (any stupid beginner can do roll-over menus, so don't be afraid of not using these). People will be able to read your pages for years to come. If your pages must look pretty, you should use external style-sheets, but do NOT use tiny Windows fonts. Windows fonts look big on Windows screens but print very small and look very small on other platforms.
* If you plan to write web applications, code by W3C DOM standards and ignore NS 4.x and IE 5. Your code may or may not run with IE 5.5 (you can make allowances for this) but it will with Mozilla which is coming along nicely (install its latest [http://www.mozilla.org/releases/ Beta release] and ignore Netscape if you can). It will also run with Netscape 7.x and IE 6 (unless MS decides to launch some major sabotage project). My [http://tecfa.unige.ch/tecfa-people/schneider.html home page] shows how you can code in XHTML + CSS and still show contents to older browsers. Read [http://www.alistapart.com/ A List Apart] on a regular basis to keep in touch !


== Things to move to a french page ==
== Things to move to a french page ==
Line 211: Line 206:
* See under HTML Trail of [/guides/tie/tie.html TIE slides] (en français)
* See under HTML Trail of [/guides/tie/tie.html TIE slides] (en français)
* [/guides/htmlman/html-1.html TECFA HTML Manuel], en français [ [/guides/htmlman/html.pdf version PDF] ]
* [/guides/htmlman/html-1.html TECFA HTML Manuel], en français [ [/guides/htmlman/html.pdf version PDF] ]
* [http://www.la-grange.net/w3c/xhtml1/ XHTML en fran�ais]
* [http://www.normandieweb.org/karl/HTML4/ HTML 4, traduction française]





Revision as of 15:52, 1 September 2008

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Page is under reconstruction. Probably lots of broken links - Daniel K. Schneider 11:06, 1 September 2008 (UTC).

Definition

The HyperText Markup Language (HTML) is a simple markup language used to createhypertext documents that are portable from one platform to another. It is the publishing language of the World Wide Web (WWW). HTML documents are SGML documents with generic semantics that are appropriate for representing information from a wide range of applications. XHTML documents are XML documents and you should start coding in XHTML (this page needs some tutorials on XHTML, but since there are so many indexes, you'll have to wait maybe forever).

This is a simple links pages. See:

  • HTML for a short overview of (X)HTML formats.
  • XHTML for a short introduction to XHML

Documentation

Manuals & Short References

Specifications

HTML

XHTML

DOM

FAQ's

Tutorials

XHTML Tutorials

Interactive XHTML Tutorials

  • htmlPlayground. You try, modify code and lookup explanation for each element and attribute.

Interactive HTML Tutorials

HTML 4x Tutorials

(HTML is outdated)

HTML Validation

Online documentation

Near Future: XHTML & DOM

= Introductionas and Tutorials on specialized topics

Style sheets and fonts

Icons/Graphics

Chars & Entities

(instead of using old-style entities you can define a character set, a much more simple strategy)

UTF-8 example: \u03a3 is the code for a SUM sign.

URL encoding

  • URL Encoding (or what are those "%20" codes in URLs?') by Brian Wilson

Colors

Frames

(don't use frames, because it destroys the idea of the URL, something you can link to)

HTTP

META TAGs

See also our [/guides/rdf/pointers.html RDF page !]

DHTML

DHTML is a combination of HTML, CSS and JavaScript, but we don't teach it here since it the cost/benefit ratio is usually quite low..... and often [moving-things.html useless] Check other sites please, e.g. Dynamic Drive or ActiveUI or [/guides/toolbox.html general WebMaster's ] sites.

Mobile Devices

Tools / Software

(only some, some maybe outdated)

Validation and Syntax correction

HTML Editors

Filters

Software

Navigators

Filter software


Links

Things to move to a french page