HTML links: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 76: Line 76:
* [http://www.florimont.ch/coursCep/ HTML avec Claris Home Page] de Didier Strasser (niveau �cole secondaire)
* [http://www.florimont.ch/coursCep/ HTML avec Claris Home Page] de Didier Strasser (niveau �cole secondaire)


== HTML Validation ==
== Various articles ==
 
* [http://validator.w3.org/ W3C Markup Validation Service]
* Alternatively, you can download and install [http://www.w3.org/People/Raggett/tidy/ HTMLTidy] that will both validate and repair your broken HTMLs
 
== Online documentation ==
 
 
== Near Future: XHTML & DOM ==


* [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


== Introductionas and Tutorials on specialized topics =
== Introductions and Tutorials on specialized topics ==


=== Style sheets and fonts ===
=== Style sheets and fonts ===
Line 151: Line 142:
== META TAGs ==
== META TAGs ==


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


* [http://vancouver-webpages.com/META/mk-metas.html Meta Builder] and [http://vancouver-webpages.com/META/ META Tags] from vancouver Web Pages
* [http://vancouver-webpages.com/META/mk-metas.html Meta Builder] and [http://vancouver-webpages.com/META/ META Tags] from vancouver Web Pages
Line 158: Line 149:
== DHTML ==
== 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. [http://dynamicdrive.com/dynamicindex13/ Dynamic Drive] or [http://www.activeui.net/ ActiveUI] or [/guides/toolbox.html general WebMaster's ] sites.
See [[DHTML]] (a short tutorial in this wiki)


== Mobile Devices ==
== Mobile Devices ==
Line 164: Line 155:
* [http://www.littlespringsdesign.com/design/xhtmlinfo.html An Overview of Mobile Versions of XHTML], short useful articel for those who wonder about XHTML Basic, XHTML Mobile Profile, and WML2....
* [http://www.littlespringsdesign.com/design/xhtmlinfo.html An Overview of Mobile Versions of XHTML], short useful articel for those who wonder about XHTML Basic, XHTML Mobile Profile, and WML2....


= Tools / Software =
== Tools / Software ==


(only some, some maybe outdated)
(only some, some maybe outdated)


== Validation and Syntax correction ==
=== Validation and Syntax correction ===


* [http://tidy.sourceforge.net/ HTML Tidy]. This is installed under Solaris at Tecfa ([/guides/utils/tidy/ local doc dir])
* [http://validator.w3.org/ W3C Markup Validation Service] (online service)
* [http://validator.w3.org/ W3C HTML Validation Service]
* Alternatively, you can download and install [http://www.w3.org/People/Raggett/tidy/ HTMLTidy] that will both validate and repair your broken HTMLs
* [http://www.unipress.com/cgi-bin/WWWeblint/ Weblint code verification]
* [http://www.unipress.com/cgi-bin/WWWeblint/ Weblint code verification]
* Check out also various browser extensions, e.g. for Firefox
** [https://addons.mozilla.org/en-US/firefox/addon/2250 W3C Page validator]
** [https://addons.mozilla.org/en-US/firefox/addon/249 Html Validator]


== HTML Editors ==
=== HTML Editors ===


* Read [http://www.hotwired.com/webmonkey/geektalk/97/16/index4a.html?tw=html WYSIWIYG or the Real Thing?] and [http://www.hotwired.com/webmonkey/99/19/index1a.html?tw=html WYSIWIG Editor Shootout] (Webmonkey, 5/99)
* Read [http://www.hotwired.com/webmonkey/geektalk/97/16/index4a.html?tw=html WYSIWIYG or the Real Thing?] and [http://www.hotwired.com/webmonkey/99/19/index1a.html?tw=html WYSIWIG Editor Shootout] (Webmonkey, 5/99)
Line 182: Line 176:
* '''Recommended HTML Editors:''' [http://www.chami.com/html-kit/ HTMLKit], many plugins for various languages (freeware, if personal registration) * [http://www.notetab.com/ NoteTab] (freeware version) * [http://www.visic.com/ WebExpert] (but the freeware version is no longer available !)
* '''Recommended HTML Editors:''' [http://www.chami.com/html-kit/ HTMLKit], many plugins for various languages (freeware, if personal registration) * [http://www.notetab.com/ NoteTab] (freeware version) * [http://www.visic.com/ WebExpert] (but the freeware version is no longer available !)
* '''Recommended XHTML Editors:''' [http://www.lessthanslash.info/ Less Than Slash] (self completing text editor)
* '''Recommended XHTML Editors:''' [http://www.lessthanslash.info/ Less Than Slash] (self completing text editor)
== Filters ==
== 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 ===
=== Filter software ===
Line 201: Line 185:
** [http://px.sklar.com/author.html?author_id=557 Jason Stechschulte] wrote a php filter, so you can do it on the fly (some)
** [http://px.sklar.com/author.html?author_id=557 Jason Stechschulte] wrote a php filter, so you can do it on the fly (some)
** [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)


== Links ==
== Links ==


* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]
* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]
* [http://www.webstandards.org/ Webstandards.org]. Nice organization that watches out for standards.


== Things to move to a french page ==
== Things to move to a french page ==

Revision as of 16:03, 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

HTML 4x
XHTML 1x
  • ???

Specifications

Overviews
HTML
XHTML
DOM

See Document Object Model

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)

Various articles

Introductions 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 RDF

DHTML

See DHTML (a short tutorial in this wiki)

Mobile Devices

Tools / Software

(only some, some maybe outdated)

Validation and Syntax correction

HTML Editors

Filter software

Links


Things to move to a french page